Solved

Remove Hyperlink Formatting On A Menu Item Dawn 12

enrico5
New Member
12 0 0

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!Schermata 2024-02-20 alle 09.32.49CET.jpg

Accepted Solution (1)

Anshul_arora
Navigator
393 113 79

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 -:

Anshul_arora_0-1708423559588.png

 

I hope the code helps you.

Please let me know if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Replies 8 (8)

Jamesjan
Visitor
3 0 0

Hi This is James

Moeed
Shopify Partner
3809 962 1194

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

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
enrico5
New Member
12 0 0

Hey Moeed

https://f879a9-3.myshopify.com/

08101984

thanks for you help

Moeed
Shopify Partner
3809 962 1194

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:

Moeed_0-1708423703557.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Anshul_arora
Navigator
393 113 79

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 -:

Anshul_arora_0-1708423559588.png

 

I hope the code helps you.

Please let me know if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
enrico5
New Member
12 0 0

which .css file? thanks

enrico5
New Member
12 0 0

thanks for you help. I insert your code in base.css

ecoWeb
New Member
13 0 0

Hi @Anshul_arora 

 

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