All things Shopify and commerce
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!
Solved! Go to the solution
This is an accepted solution.
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.
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
Hey @enrico5
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 </body> tag
<style>
summary.list-menu__item a {
text-decoration: unset !important;
color: black !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
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.
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
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024