Solved

Menu options highlight and are underlined.

Nielsdijkshoorn
Tourist
14 0 2

In the top and bottom menu of my store, the menu options are highlighted and are underlined when navigating.

 

How can i turn this off? 

 

I do not want the menu options highlighted / change color and underlined when navigating.

 

Nielsdijkshoorn_0-1704575310041.png

Nielsdijkshoorn_1-1704575329644.png

 

Accepted Solution (1)
Moeed
Shopify Partner
3544 893 1108

This is an accepted solution.

Hey @Nielsdijkshoorn 

 

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>
a.link.link--text.list-menu__item.list-menu__item--link:hover {
    text-decoration: unset;
    color: #FFFFFF;
    opacity: 1 !important;
}
</style>

 

RESULT:

Moeed_0-1704578360718.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. ❤️
Canva to Shopify in clicks - Free App

View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
3544 893 1108

Hey @Nielsdijkshoorn 

 

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. ❤️
Canva to Shopify in clicks - Free App
Nielsdijkshoorn
Tourist
14 0 2
Nielsdijkshoorn
Tourist
14 0 2

i managed to get the top menu clear of underlining bij removing ; underline as text-decoration in the base.css.

 

But the sub menu under shop still has the problem, same as the menu on the footer

 

and i also want the top menu centered 

 

Nielsdijkshoorn_1-1704577925496.png

 

Moeed
Shopify Partner
3544 893 1108

This is an accepted solution.

Hey @Nielsdijkshoorn 

 

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>
a.link.link--text.list-menu__item.list-menu__item--link:hover {
    text-decoration: unset;
    color: #FFFFFF;
    opacity: 1 !important;
}
</style>

 

RESULT:

Moeed_0-1704578360718.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. ❤️
Canva to Shopify in clicks - Free App
Nielsdijkshoorn
Tourist
14 0 2

ik worked but the color is still gray and not white like the headers

 

Nielsdijkshoorn_1-1704578325477.png

 

and in this submenu underlining is still on

 

Nielsdijkshoorn_0-1704578301179.png

 

Moeed
Shopify Partner
3544 893 1108

Hey @Nielsdijkshoorn 

 

I've updated the code, add this updated code and it should be good to go then!

 

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. ❤️
Canva to Shopify in clicks - Free App
Nielsdijkshoorn
Tourist
14 0 2

thanks but the submenu is still underlining , see picture below. And while hovering al menu options change color, see beauty

Nielsdijkshoorn_0-1704581196643.png

 

Do you also perhaps know how i can change this, see picture below. in mobile view. i would like to have the logo far left, and the menu option between search and login

 

Nielsdijkshoorn_1-1704581234157.png