Change color of drop-down menu individually - Venture theme

Store Design
1

Hi,

Is it possible to change the background color of each down down menu individually?

For example, my site has 3 drop down menu’s across the main nav bar - would it be possible to have the backgrounds as follows:

Drop down 1 (Mens) - Background brown

Drop down 2 (Womens) - Background purple

Drop down 3 (Juniors) - Background green

Currently all of the drop-down backgrounds are the same brown color.

Site: www.pillarstore.co.uk

Password: Password

Thanks!

2

Your menus have unique identifiers based on their name, you can change them by adding these to the bottom of your theme.css.liquid file in your assets folder:

#SiteNavLinklist-mens {
    background-color: #814a11;
}
#SiteNavLinklist-womens {
    background-color: #9340c7;
}
#SiteNavLinklist-juniors {
    background-color: #6eff65;
}

Just change them to be whatever hex values you want them to be.

1 Like
3

Thanks for the quick response and also the explanation; I was unaware the menu’s had the different identifiers - really useful!

4

They don’t always, but the theme developers were smart enough to put that in there. Glad it helped.

1 Like
5

Hi @BG10 .

Thanks for your message and for sharing your store link.

It looks like some of our helpful community members have sent you some coding-specific help here that should get the job done. I just wanted to pop in to offer a suggestion from our end as well if you are not comfortable with manipulating your theme’s code. This may be something our Theme’s team can help you out with if you have available design time. While we’re not able to provide account-specific support via the Shopify Community at this time, we’d be happy to continue assisting you through live chat, email, or callback. If you decide to, please visit our Help center here and log in to your account to create a support request. Once you reach a live support member they will be able to check your design time as well as if our themes team can help you out with this specific customization.

So if you are not comfortable with any of the coding suggestions provided, please feel free to reach out to us directly with the steps above and we would be happy to take a look. If you are all good to go with the suggestions already provided, I hope the new changes are great and what you imagined!

Feel free to reach back out here with any questions you may have, we are always happy to chat with our merchants.

1 Like