How can I change colour of navigation option when the webpage is from a dropdown nav option

Hello,

I am currently creating a site for a clothes business - this site is not yet live.

I have code written into my website that changes the colour of the navigation option that has been selected (white underlined), however when I am using the shop feature and a drop down option is selected, or the webpage is on a product, I want the 'Shop' option in the navigation to be white underlined.

The screenshots show what my navigation looks like when on the Home or About page, and the final screenshot shows what I see when any option from my shop dropdown menu is selected, or when on a product.

Hope someone can help,

Thanks!

You can follow this to share url

On 5/3/2024 at 10:14 AM, tuanphan said:

You can follow this to share url

 

Thanks!  🙂

Could you please take a look when you get the chance!

You mean

When users are on this page

https://icosahedron-pug-j9c7.squarespace.com/shop

or this page https://icosahedron-pug-j9c7.squarespace.com/shop/underwear-lingerie

or

https://icosahedron-pug-j9c7.squarespace.com/shop/t-shirts

will make "Shop" item white + underline?

Hello @tuanphan

Thank you for your response.

Yes, when the user is on all of the drop down options from the 'shop' navigation menu, and on any of the products, I would like the Shop item white and underlined.

Is this possible?

On 5/8/2024 at 2:10 AM, boliverxed said:

Hello @tuanphan

Thank you for your response.

Yes, when the user is on all of the drop down options from the 'shop' navigation menu, and on any of the products, I would like the Shop item white and underlined.

Is this possible?

 

 

You can use this code to Shop Page Header Code Injection

<style>
  header#header [href="/shop-1"] {
    color: white;
    border-bottom: 1px solid white;
}
</style>

Thank you @tuanphan! That worked 🙂