Menu Dropdown

Hi there,

This can be done in our Colors add-on, or you can use CSS: https://gist.github.com/generatepress/793804f553c25c70823c

Let me know if you need more info ??

i used the css, i dont know how to get into the addons, i know where they are

i added my colors, cleared my cache but nothing changed

What colors did you add? Here’s what I see: https://www.screencast.com/t/8phzNK4w8r

If you have the premium plugin, the best place to get help is the premium forums: https://generatepress.com/support

so i need something else to change the color, i dont have premium. i know it didnt work

For the hover, you would do this:

.main-navigation .main-nav ul li > a:hover, 
.main-navigation .main-nav ul li > a:focus, 
.main-navigation .main-nav ul li.sfHover > a {
    background-color: #222222;
    color: #ffffff;
}

Then the dropdown:

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

All of the CSS needed for the menu can be found here: https://gist.github.com/generatepress/793804f553c25c70823c

that worked thanks

well that did work and still does, but if i go in a drop down, the hover still works until i hit a page, a link. it goes the page then the hover comes back on and stays

That sounds like the current menu item color: https://gist.github.com/generatepress/793804f553c25c70823c#file-gistfile1-txt-L47-L59

i copied the yellow and it didnt work

Did you change the color values in the code?

well yea thats what i meant there smarty

I can see your custom CSS working.

Make sure any and all custom CSS you add to the theme is added using one of these methods: https://docs.generatepress.com/article/adding-css/

Adding it to the parent theme like you’re doing will result in all of your custom CSS being removed when you update the theme.

the color hasnt changed, its not what i want, please figure it out

Can you show me the CSS you’re using?

What colors are you trying to use?

im not using anything, ive tried what you told me, and nothing worked