Header Menus Disappear When Smaller Screen

Support
#1

When I changed the screen size or use mobile the menus header bar disappears. I know its an easy fix but what do I have to do? Thanks

Header disappears on Mobile
#2

Hi Jamie,

If you used one of the header templates it is most probably using the Hide During Breakpoint feature to hide an element on mobile phone and use another one for the mobile.

Please kindly read this article for more information:

This is also usually used for the header Inline/Mobile menus which you can learn more about here:

Thank you.

#3

Ok, so I am using the slider revolution. The primary menus bar is there in full screen, it disappears once reduced screen size and mobile. I am able to find the hide breakpoint option, but I have no access to edit the main header menu bar, its only for content on built on cornerstone?

#4

So i figured it out he issue. Since the menu bar is white and the background is white, there is a button that opens up the menus. It is white and you can’t see it. I will attach photo of the button and I would like to know ow to change the color of that drop-down menu button! Thanks

button

#5

Ideally no button with the menu names would be best but either will work

#6

Hello Jamie,

Thanks for updating in! The default mobile navbar icon in Ethos stack is using the built-in CSS style. The default CSS code is using this:

.x-btn-navbar:hover {
    color: #fff;
}

.x-btn-navbar.collapsed:hover {
    color: #fff;
}

.x-btn-navbar.collapsed {
    color: #fff;
}

Feel free to modify this code with your desired color and to add CSS code into X > Theme Options > CSS .
_ custom-css

Hope this helps.

#7

thank you this worked!

#8

You’re most welcome,

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.