Pro Header Builder - Make Mobile Responsive

[rotation]

Im using the Pro Header Builder, How can I it Make it Mobile Responsive ? It seems to be a setting I cant find.

NOTE: My menu is full no more space for a hamburger menu element.

[mldarshana]

Hi There @rotation ,

Thanks for writing in! You can use Hide During Breakpoints feature to show/hide elements on different screen widths for example Mobile, Tabs, Desktop etc. Please refer to our detailed guide here (https://theme.co/apex/forum/t/hide-during-breakpoint-explained/17378).

Also I would suggest you to go through the following video tutorial (https://www.youtube.com/watch?v=Jev9_-wE72s) which will give you an idea of how to utilize header builder properly.

Hope that helps.

[rotation]

Can you have more then 2 headers - Desktop, Tablets , Mobile?

[friech]

Hi @rotation,

You can have multiple headers with the PRO header builder, but not a separate header for Desktop, Tablets, & Mobile.

I think what you’re trying to do is to create a different header for Desktop, Tablets, & Mobile. But that is not how it works.

What you need to do is create only one header, and then have 3 Bars. 1 Bar to show on Desktop, another bar for Tablets, and another bar for Mobile view. You can achieve that by utilizing a feature named Hide During Breakpoints

Please watch the video linked by Darshana above for more details.

Hope that shed some lights,
Cheers!