Topic: Remove background image in drop-down menu

willamato
May 4, 2023 at 10:17 am

Hello

Ive designed a site that uses a background image in the menu bar to create a kind of fake bezel

http://willamato.com/lisa/

Is there a way to remove the background image in the drop-down menu, and instead have, say, a light greybackground color?

Thank you, and thanks for a great theme!

W
Ying
May 4, 2023 at 3:08 pm
Hi there,

You don’t need to use a background image in this case, you can remove the CSS which adds the background image.

Then add this CSS for the gradient effect for the menu toggle:
```
button.menu-toggle {
    background-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(186,186,186,0.5830926120448179) 100%);
}
```
And this CSS for the menu items, feel free to change the color.
```
#primary-menu ul#menu-main {
    background-color: rgba(0,0,0,0.3);
}
```
This tool should be very useful to create CSS for gradient:https://cssgradient.io/

Let me know if this helps!
willamato
May 4, 2023 at 4:17 pm

Thats fantastic, and something I’ll use again. Thank you, Ying!
Ying
May 5, 2023 at 9:41 am

You are welcome 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

Remove background image in drop-down menu