Support » Theme: Astra » How to change default menu to hamburger menu on desktop

  • Hello author,

    I see hamburger menu (nav icon) only show on tablet and mobile. I want to change primary menu to humburger style on desktop. How to do that?

    Thank you very much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi @lucidgen,

    As of now, the feature to change the Primary Menu to the Hamburger button on Desktop is not available on the Astra Header Footer Builder, but it will be available in future updates.

    If you would like to use the Hamburger button on the Desktop, you can do so by using/switching to the old header/footer builder.

    I hope it will help.

    Kind regards,
    Herman ๐Ÿ™‚

    Hi guys… I tried to look for the option to disable the new header/footer builder but couldn’t find it… I followed this link https://wpastra.com/docs/faqs-astra-header-footer-builder/

    Can you please tell us where to find this option? I also would like to use the hamburguer menu on desktop version.

    Thanks in advance!!

    Hi @romanec,

    Please add the following snippet to your site

    add_filter('astra_is_header_footer_builder_active' , 'is_header_footer_builder_active_callback');
    function is_header_footer_builder_active_callback(){
        return false;
    }

    Once you use the old header/footer, you will be able to change the Menu Breakpoint to have the Hamburger menu on the Desktop. Please refer to this screenshot.

    I hope it will help. Feel free to reach out to us if you have any further queries.

    Kind regards,
    Herman ๐Ÿ™‚

    Thread Starter Minh Hieu

    (@lucidgen)

    Hi @brainstormteam
    Can you give me a snippet to set change the Menu Breakpoint without lose Header Builder?

    Or

    A snippet to have Toggle Menu in Header Builder desktop.

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.