How to Merge Above/Below Header Menu with a Primary Menu in Responsive Devices?

No results found. Try again with different words?

Search must be at least 3 characters.

How to Merge Above/Below Header Menu with a Primary Menu in Responsive?

Above Header/ Below Header section with Header Sections module is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

If you have set menu with either section in above/below header, you will see a separate hamburger for it in responsive devices.

If you are displaying a primary menu and above/below header menu- both, then you will see two separate hamburger menus in responsive.

If you do not wish to show two separate hamburger menu, you can merge them with a simple setting.

From dashboard navigate to Appearance > Customize > Header > Above/ Below Header. Scroll down to the end of the settings and enable the setting Merge Menu on Mobile Devices.

It will merge the header section’s menu with a primary menu in responsive. Primary menu items will be displayed on top of the header section’s menu items.

Merge Headers on Mobile, Astra 3.0
Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.