tablet menu not working correctly
Hi,
I have built a custom header with a logo. and a menu. I created a mobile version with a burger menu instead of the standard menu. I am trying to add the burger menu option for tablets, but I can't seem to get it to work. When I add the burger menu to the tablet layout in BeBuilder header builder, it looks fine, but when I save it and view my website, the burger menu shows up on mobile and on the laptop and desktop options as well. I have tried turning the visbility off for the desktop and mobile options in the responsive settings, but then it disappears for the tablet as well.
I am pulling my hair out trying to get the menu to show on tablets. Can you help?
Here's my url: https://www.eritreanamericancommunityofhouston.org. You will see that as you reduce the width of the browser window, the menu disappears and then reappears as a burger menu. But on the widths that correspond to the tablet widths, there is no menu available.
Comments
Hi,
Did you use the Responsive Visibility options?
https://support.muffingroup.com/video-tutorials/responsive-editing-in-bebuilder/
The settings should look like that:
Best regards
Oh my goodness. I've set it like that 100 times and it never worked until this morning. I went back and double checked the settings to make sure that it is set up like that and now it is suddenly working correctly. I have no idea why it wasn't working before. But now it is!
Thanks so much!
I am glad to see that it finally worked. 😉
If you have any further questions, feel free to ask.
Best regards