How do i change the background color of a nav dropdowns sub-dropdown

Solved
ziggystitches
Tourist
6 0 0

How do i change the background color of a nav dropdowns, sub-dropdown.

Using minimal theme.

Site is ziggystitches.com access code is weamea

0 Likes
Bunty
Tourist
88 20 43

with a bit of CSS magic

you will need to update your theme.css to add the following:

to change the entire nav background, something like this

.site-nav {
    background: aliceblue;
}

to only change the background of the menu drop downs

.site-nav__dropdown {
    background: aquamarine;
}

 

ziggy.PNG

ziggystitches
Tourist
6 0 0

Thanks so much!

I meant more-so the secondary one not the initial dropdown, like if you hover over shop then hover over canvases, that secondary dropdown is transparent right now wanted to make it a solid white if possible

0 Likes
Bunty
Tourist
88 20 43

This is an accepted solution.

Ah, so something like this?

ziggy.PNG

the css magic for that is

 

.site-nav__dropdown-grandchild {
    background: brown;
}

 

PS: replace brown with #FFFFFF (I wanted to keep brown for clarity)

 

ziggystitches
Tourist
6 0 0

Thanks so much!!!

0 Likes