Mobile menu while using header builder

wing333

Hey, 

Is there anything we can do about the mobile menu while using the header builder? 

I'd like to have it full width on mobile and style it. 

What is possible? 

Pablo

Hello,

You can completely change the header content, colors and much more - just click on the "Mobile" button and change everything you want to modfiy

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

wing333

I Know about the header builder, but my question is about the styling of the responsive mobile menu and how it is shown. 

It remains a bit simple small pull down that fills only half the screen. How can we change that? 

Pablo

What do exactly want to change? I do not quite understand.

You can change colors of it in the settings of the menu item

https://prnt.sc/taheic

If you want to change elements like width or height of certain elements, you have to use the CSS code to achieve that.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

wing333

Any chance you can tell me which class it is I have to change? I can't find it in the visual CSS editor. 

thanks,

Bryan

Please send a link to your page so I can check what can be done.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

wing333

vcog.studiowing.nl 

thanks!

Bryan

Its hard to make it full width using just CSS without JS but try this custom CSS

@media (max-width:768px){
body .mhb-menu .menu { top:75px !important; width:100vw; padding-top:20px;}
}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

wing333

Bryan,

with some other code I found it looks a lot better! gracias!