How do I make the menu background transparent? At the moment it’s white, and I can change the color or make a gradient, but I want to get rid of any color completely.
Thanks, Ben
Hi Ben, if you are referring to mobile menu background color then it can be changed from the theme panel – https://i.imgur.com/fUmMjX0.png to make it transparent use this option – https://i.imgur.com/ANkDkXa.png
Thank you!
Thanks Calin, I’m referring to the white menu rectangle at the top of the screen for desktop and mobile as seen in the nomad template. The above doesn’t seem to work for that.
Hi,
I think that now I understand, you are referring to this one – https://i.imgur.com/TYKvsyG.png for this use tagDiv Composer to edit the page – https://i.imgur.com/M1XDNi9.jpeg select the row and in css tab remove the background image – https://i.imgur.com/dQS7yaS.png then select the mobile view port and select the logo – https://i.imgur.com/0HzHp3t.png then click on mobile menu and in css tab remove the background color – https://i.imgur.com/7TcbZx3.png
I hope this will help you!
Great thanks Calin that’s worked for desktop! For mobile, it removes the background but then the menu items sit above the image still rather than on it in a kind of non-colour/grey box, how do I get it so the menu items sit on the image behind it? Like I’ve just done for the desktop view. Thanks.
Hi,
To do that edit the mobile menu, and select the display to be set as overlay – https://i.imgur.com/mwEqC2X.png
Thank you!
Thanks a lot Calin that worked 🙂 Moved me to another menu challenge though – how do I edit the colour and font of the words for the mobile view when the burger menu is open? Thank you!
Hi,
For the mobile menu element you are using to adjust the colors and fonts you’ll need to use the settings from the theme panel – https://i.imgur.com/RhUDQ5K.png – https://i.imgur.com/aKpwuDz.png
Thank you!
That’s great thanks a lot for your help 🙂
