Hello,
I have searched for an answer unsuccessfully. My site in development is live at www.grantlacey.com
I am attempting to have a Mobile Header (481-767 PX and 480 PX and smaller) and a Large Screen Header everything above.
“Oryx Main Header” is assigned as Global - Both bars and containers have their customization set to show at the appropriate screen breaks.
“Oryx Main Header - Mobile” is assigned as All Pages the one bar and containers have their customization set to show at the appropriate screen breaks.
Right now I am just testing the home page (www.grantlacey.com) -> Id like to the Mobile header to display on mobile; and the Main Header to display on my Laptop (MacBook Pro for testing)
It seems I can only get one header to attach to a page.
How can I address this?
Thank you for your support.
Hello There,
Thanks for writing in! You can only assign one header for a page. The header assigned will display in both large and smaller screens. To have a different header on large and smaller screens, you will have to create several bars in your header. You can hide/show the bars in different screen sizes by using the “Hide During Breakpoints” in the bar’s customize tab.
Hope this helps.
1 Like
Understood! I over engineered it. Thank you for your response.
You are most welcome!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.