Mobile menu while using header builder

wing333 · July 2020

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 · July 2020

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

wing333 · July 2020

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 · July 2020

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

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

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

Thanks

wing333 · July 2020

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 · July 2020

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

thanks

wing333 · July 2020

vcog.studiowing.nl

thanks!

Bryan · July 2020

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

wing333 · July 2020

Bryan,

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

Comments