Mobile Header with Above/Below Header

Mobile Header addon available with Astra Pro version 1.4.0 and above.

This is a premium feature available with the 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.

Also, this addon adds more features to the Above Header and Below Header.


We have recently released the Header Footer builder in Astra version 3.0.0, due to which you will find some new changes. Please refer to the following article for the same.

If you are below version 3.0.0 of Astra theme/ Astra Addon – You would need to activate Mobile Header and Header Sections addons from Appearance > Astra Options.

Settings can be found under Appearance > Customize > Header > Above/Below Header > MOBILE HEADER.

  • Display on Mobile Devices: This setting lets you choose whether you want to display above/below header sections on mobile or not.
  • Merge Menu on Mobile Devices: If Menu is selected for both/either of the section in the above/below header, this option is useful. It allows choosing whether to merge above/below the header menu with the primary menu on mobile.
    • If you select it to merge, above/below header menu will appear inside the primary header toggle button.
    • If you do not want it to merge, a separate toggle for above/below header menu will appear on mobile.
    • For separate toggle button, all menu options i.e. Menu Style, Toggle Button Style, Toggle Button Color, Menu Label on Small Devices will be available.
    • This allows setting different layout for above/below header menu and primary header menu.
  • Swap sections on mobile devices: It will alter the sections of above/below header on mobile. Enabling this will swap section 1 and section 2.
  • Layout: Mobile Header Alignment – This allows to display the above/below header section inline or stacked on mobile devices.
Not the solution you are looking for? Check other articles, or open a support ticket.