How to change color of submenu background on hover?

justinedemers · June 2015

Hi,

I'm working on something for quite a while now and I searched in this forum but didn't find exactly what I was looking for.

I figured out how to make my submenu bg white in the muffin options, but where can I see the hover background color?

I tried some CSS ... but nothing worked.

Can you help me please?

Thank you

Justine

Albert · June 2015

Hi Justine,

this can be done with custom css only. If you will send us url to site where you want to do this, we'll show you how.

Thanks!

justinedemers · June 2015

Actually, I figured how to do it!

But I'll leave it grey because when I put a white bg on hover, it goes over the grey border and it kind of weird.

Anyway, I have another question!

Could you please look at this website and this is about the logo position.

www.milibec.com/test

As you can see, the logo is not really align with the two menus on the right. I would like it to be a little more to the top. Like... over the action bar on the left so it can look mor centered.

Would it be possible to position it there with some custom css?

Thank you for your help and sorry for my english!

Justine

Albert · June 2015

You can align menu items and logo with below css code:

#Top_bar:not(.is-sticky) .menu_wrapper { margin-top: 15px !important; }

HansenAusBerlin · January 2016

How did you change the color? Could you post the css code? Thanks!

Albert · January 2016

Hi,

Provide more details what color do you need to change.
Please also include your site link

Thanks!

brianmawdsley · March 2016

Hi there, I am trying to make the submenu background the same color as the menu, it is a white almost transparnet color..

Albert · March 2016

@brianmawdsley Any link to page where you want to change this color?

yasnil4 · March 2016

Hi I want to change the submenu background hover color. How do I do this?

I want to try some different color options on the submenu hover background color.

zphibdc.org is my website.

brianmawdsley · March 2016

www.cleverdic.co.za

Albert · March 2016

@brianmawdsley Thanks. So to change sub-menu background color, please use the following css:

#Top_bar .menu > li ul { background: #FFF !important; }

@yasnil4 Hover background color, can be changed with:

#Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a { background: #000 !important; color: #FFF !important; }

yasnil4 · March 2016

It worked perfectly :-)

Thank you so much...

Albert · March 2016

You're welcome!

How to change color of submenu background on hover?

Comments