Change the submenu background color

How I can change the submenu color of my talon pro theme. I don´t have css knowledge. Please I need help.


Simply go to Customize > Additional CSS and add this:

[off-canvas] { background-color: #444; }

And change #444 with the color you want.


I already did what you answered, but only the submenu for tablets and mobile has been changed.
I also need to change the background color of the screen submenu for pc, could you help me whit that?

Yes, sorry, I misread your question. Use this please:

.main-navigation ul ul li { background-color: #444; }

Hi Vlad,

Can I customize the transparatie of the sub-menu? I tried the following css:

.main-navigation ul ul li { background-color: rgb(37, 48, 66, 0.5); }

But there is nothing changed… Thank you in advance :slight_smile:

Kind regards, hendrik


rgb needs to be rgba because you’re specifying the alpha channel, which is 0.5

Thank you!