Hello,
For some reason one of my menu’s (CONTACT) is being highlighted with a different color and I don’t know why.
Could anyone help me get rid of the background highlight and make it same as other menu’s?
Thank you!
Topic summary
A user’s CONTACT menu item displays with an unexpected background color highlight, differing from other menu items on their Shopify store (putonlovemarket.com).
Solutions Provided:
- First approach: Remove width from HTML, then add custom CSS code before the closing
</head>tag in theme.liquid file - Second approach: Add CSS targeting the 6th list menu item (
nth-child(6)) withbackground-color: unset !importantbefore the</body>tag - Final solution: Locate and remove existing conflicting CSS code from the stylesheet that was causing the highlight
Resolution:
The issue was resolved by identifying and removing the problematic CSS code from the theme’s CSS file, as suggested by the third respondent. The user confirmed the fix worked successfully.
Hi @l1kim
Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.
Best regards
Sahil
Here you go!
Hi @l1kim
You can follow the following steps:
- Please remove the width from the html.
- Please go to the Online Store.
- Then Edit Code.
- Please find the theme.liquid file.
- Please add code before closing the tag tag.
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
Hello @l1kim
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
1 Like
Hm… Not working still
Thank you!!
welcome @l1kim 