Hello, I’m trying to customize the navbar in Dawn theme a bit with some CSS and I’m currently facing 2 problems. I managed to customize the hover and active section of the standard links, but I have issues to do the same on the links with dropdown, as can be seen on screenshot below. 1st problem:…

Hello @Jankko , I understand you are looking to remove the underline on the navigation menu when users hover over submenu items or active page menu items. To remove the underline, in the hover submenu case, you can use the below-mentioned code. → Add the code at the bottom of the theme.liquid fi…

Hi Empres, alright, how are we going to do it? :grinning_face:

Hi @Jankko In your Shopify Admin go to online store > themes > actions > edit code Find Asset > base.css and paste this at the bottom of the file: summary.list-menu__item a { text-decoration: none!important; } details[open] > .header__menu-item { text-decoration: none !important; } [ZestardTech…

Thank you Anshul, this actually worked, I didn’t even need to use the !important tags as it seems as quite an overkill.

Hello @Jankko , Yes, you’re right. Thank you for accepting my solution, please also liked by solution. It will be highly appreciated. Thank you.

Remove text-decoration on submenu hover + active section

Store Design

Jankko May 29, 2024, 12:09pm 2

Hi Empres, alright, how are we going to do it?

Topic		Replies	Views
Remove Navigation Link Underline Store Design design , customizations , css	4	100	August 1, 2025
Remove Underline while hovering in Menu - Dawn Theme Store Design css	5	106	February 3, 2023
How can I remove the underline effect from my menu and submenu? Store Design design , customizations , collection-page , footer , cart-page	6	74	March 25, 2023
How to remove footer underline links when clicking \| Dawn Theme Store Design footer , css	8	122	March 18, 2023
Remove underlines from hover dropdown menu in header Store Design design , header	4	75	November 28, 2023

Remove text-decoration on submenu hover + active section

Related topics