Changing sub-menu to transparent

[kay1]

Hello again. I want to change the sub-menu to be transparent with no solid color behind it (it blocks my hero image). Is there any way you can explain how to change this? I’d like for the text of the sub-menu to be black but when hovered over to be clicked on, i want it to be gold specifically this color #ffc709. Thanks in advance for any help you can offer.

[hasib]

Hello,

The color picker won’t let you select transparent color.
You can take advantage of some custom css code, I’ll help you.
Just go to customizer -> advanched css then put in this css code there and save.

#primary-menu ul.dropdown-menu {
background: transparent;
box-shadow: none;
}
#primary-menu ul.dropdown-menu > li > a {
color: black;
}
#primary-menu ul.dropdown-menu > li > a:hover {
color: #ffc709;
background: transparent;
}

Check if it works with your site.

Thanks,
Hasib

• This reply was modified 3 years, 10 months ago by hasib.

[hasib]

I have edited my reply and there is a newer version of the custom css code.

[kay1]

THANK YOU SOOOO MUCH HASIB! I love this theme so much not to mention the support!

[Author]

Posts