Force Remove Header Menu and Display Header Burger
Hello,
I wish to force:
1) Display/Show "Header Burger" for width below: 1289px
2) Hide/Remove "Header Menu" for width below: 1289px
Is there any CSS code that can be applied to achieve this?
Thanks
Hello,
I wish to force:
1) Display/Show "Header Burger" for width below: 1289px
2) Hide/Remove "Header Menu" for width below: 1289px
Is there any CSS code that can be applied to achieve this?
Thanks
Comments
Hi,
If you use the Header Builder, then you can use the Hide/Show under the option to achieve that.
https://support.muffingroup.com/video-tutorials/header-builder-2-0/
https://support.muffingroup.com/video-tutorials/show-hide-under-breakpooint/
Best regards
Hello,
You mention about checking the breaking point and menu behavior using Developer mode. How do you access or switch to Dev mode?
Developer mode is the same user interface as the default one, but it has been rearranged, so the same options are available in both.
However, you can activate it in the BeBuilder settings:
Best regards
In your video we see this Responsive range.
If I switch to Dev mode, I only see this. Why is it not same as yours? There is no "Responsive"
Your first screenshot from your last message shows the browser Responsive Design Mode, not from BeBuilder.
We do not have such a feature in our theme.
Best regards