Elementor Hamburger Menu Breakpoint Issue with Responsive Settings

  • Unknown's avatar
    bbucek2b4dcf8d76 · Member ·

    I’m having an issue with the hamburger menu breakpoint in WordPress using Elementor’s Header & Footer Builder. The problem is that Elementor only offers two fixed breakpoints for the menu, but in the general responsive settings, there are seven different breakpoints available. The menu breakpoint doesn’t align with the responsive settings I’ve configured, which affects font sizes and spacing as intended between certain breakpoints. I’ve chosen the highest available fixed breakpoint in Elementor, but I need to set it even higher to maintain the desired style of the navigation bar until the end of the specific responsive breakpoint I’ve configured. How can I adjust or customize this? I’ve tried adding the code “

    add_filter( ‘astra_tablet_breakpoint’, function() {
    return 1519;
    });

    ” to astra child theme, and I’ve tried working with custom css and adding the !important syntax. Nothing is overriding it.

  • caimin · Staff ·

    Hi,

    For all things related to Elementor, the best thing would be to contact the folks at Elementor. Their support team will be much more familiar with it and are in the best position to help you out. 

    You can contact their support here: 

    https://my.elementor.com/contact/

    You may also want to reach out to Astra, if you feel it’s related to the theme.

  • The topic ‘Elementor Hamburger Menu Breakpoint Issue with Responsive Settings’ is closed to new replies.