I have a menu item that had sub items underneath it. I also wanted to make the menu item clickable, so I edited the code, creating a hyperlink on the menu and linking it to a collection. This changed the formatting of the menu item (turned it purple and underlined it (without hover). I would like to keep the link but revert the formatting to stay like the other menu items. I’ve tried several Shopify forum suggestions, but nothing relates to my specific issue and I can’t seem to solve it. Please help!
Hi This is James
Hey @enrico5
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Hello @enrico5 ,
I have reviewed your store and understand you are looking to remove the underline, change the colour of the menu item.
Please add the below mentioned code at the bottom of your store .css file and save
a {
text-decoration: none;
color: black;
}
Output -:
I hope the code helps you.
Please let me know if you have any query.
Thank you.
1 Like
Hey @enrico5
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
which .css file? thanks
thanks for you help. I insert your code in base.css
I had the same issue and your code work perfectly.
can you help me one more thing, I have purple underline for active menu on my site - https://478990-66.myshopify.com/pages/our-value
but those two menus where I have submenu items doesn’t show purple underline when active.
any idea how to fix this?
Thank you so much