Menu item acting as though it is active when not in use (wrong colour)

Technical Q&A
1

Hello,

I’ve recently tidied up my navigation menu and in the process of doing so, one of my main menu headers (play and learn) has changed colour. It should be gold, but it is black, the same as the ‘home’ button - so it is as though it thinks I am currently in that collection. This happens only on the home page. When in a different collection the menu item turns gold as it should be.

Can someone please help me rectify this as I am about to re-brand and it looks so out of place and messy!

Thank you!

https://theplayfulcollective.com.au/

2

Hey @theplayfulcolle

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1695366708625.png
Moeed_0-1695366708625.png1907×900 195 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Thanks Moeed, I don’t have a in my theme file though? Any other ideas where I should place it?

4

Hey @theplayfulcolle

You can place the code below then. Let me know if you require any other assistance.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

Fixed it! Thank you so much!!

6

Actually, sorry, it’s fixed it on a PC but from mobile view it’s still doing the same thing!

7

Hey @theplayfulcolle

Add this code above in the previous code you added

.list-menu__item {
    color: #DA9D29 !important;
}

RESULT:

Moeed_0-1695375259893.png
Moeed_0-1695375259893.png380×685 28.5 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

8

Unfortunately this just makes the colour all gold, which in the mobile view should be black. The problem is that the other menu item is highlighted as being the ‘active’ menu. I’ve attached a screenshot of the view from a phone.