Menu won’t appear on mobile

Hi any advice on this please? thank you

hey there

You are using this css in your theme:

.module.widget-handle {
display: none!important;
}

it’s in your custom css, remove it and you will see a mobile menu button

thanks. that works, but how do i customise the appearance of that mobile menu and the way it is displayed when clicked? currently it doesnt look good when opened. how do i make it reveal like a side menu and not overlaid on the main website?
thanks!

Hi @nodarik any news on this please?
thanks

@samlutostanski sorry for the delay

This is default appearance and look and feel of the menu, if you want to change style and behavior of appearance this will require some sort of customization, otherwise, there is no option in the theme to change it

@nodarik ok thanks. what is the menu called in the css, and what css code would i need to use to just add a simple white background to the pop out area of that menu?

thank you ??

Good morning

you are already using this css:

nav {
border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
background-color: rgba(255,255,255,0) !important;
}

to make your navigation bar transparent, if you delete it you will have white bg under navigation bar ??

there are several css rules related to the menu in css file, i dot think to provide them here is reasonable, (this will cause more questions ?? ) all you need is little bit understanding of CSS and adding new rules

@nodarik thanks for this. i want to keep the transparent bar on desktop and in normal view on mobile as well. Is there a css rule you can give me to add that will apply the white background to the navigation box area that is revealed after clicking the hamburger menu only on mobile?

thanks! ??

Hello @samlutostanski

Yes, this is possible, please use this code and let me know if this is one that you were looking for:

@media (max-width: 991px){
.nav-bar .module-group {
background: white;
}
}

awesome that works perfectly thank you!