Hamburger Menu on Mobile Not Showing
I can see the hamburger menu in Bebuilder on the backend; it is #00646d (green). On mobile it appears white and therefore cannot be seen. How can I fix this?
Also, several discussions on the forum show screenshots of Bebuilder with "Header Burger" or "Menu Burger" interface/designer. How is this accessed? Example: https://forum.muffingroup.com/betheme/discussion/69425/burger-menu-not-displaying-on-mobile-for-main-page-after-possible-theme-update
Comments
Hi,
1) If you use header style from theme options, you can change the menu burger color in Betheme -> Theme options -> Color -> Menu.
2) Please see the following video tutorial about the header builder:
https://support.muffingroup.com/video-tutorials/header-builder-2-0/
Best regards
I did use header style from theme options. It appears correctly on desktop. It appears differently on my mobile device - it is white so cannot be seen because the background is white. On my tablet device, it appears white over the slider image behind it. Although it is set to #00646d (teal green) in Theme options.
I have attached images of my actual tablet, bebuilder in mobile view and my mobile device screen.
I'd ultimately like to have the hamburger appear over top the slider and then have the header sticky.
Please attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks
https://harborislandstay.com
Please go to Betheme -> Theme options -> Responsive -> Header, and check the Transparent option:
Also, go to Betheme -> Theme options -> Custom CSS & JS -> CSS, and put there the following CSS code:
#Top_bar.is-sticky .responsive-menu-toggle i{
color: #00646d;
}
Best regards