Hi there! I’m wondering how to remove the underline effect when hover on the menu and the submenu item.. I hope there is no underline at all. Thanks in advance. [Screen Shot 2024-01-16 at 00.13.34.png]

Is it possible to get your store URL to inspect it?

yes sure! https://7d0294-2.myshopify.com/?_ab=0&_fd=0&_sc=1

It does look like it’s password protected, so we would need your store preview password.

You can use the following css: .header__menu-item:hover { text-decoration: none !important; } ul#HeaderMenu-MenuList-3 { text-decoration: none; }

I’ve added all these codes in the base.css file. but still wouldn’t work. Could you take a look? .header__menu-item:hover { text-decoration: none !important; } ul#HeaderMenu-MenuList-3 { text-decoration: none; } .header__active-menu-item { text-decoration: none; } .header__menu-item:hover …

Hi @Lanlanzzz This is Richard from PageFly - Shopify Page Builder App Please add this code to your theme.liquid above the to get this solved Step 1: Online Stores > Themes > More Actions > Edit code Step 2: click on theme.liquid and paste the code above the [PageFlyRichard_0-1705454160142.…

Thank you. After I copy and paste your codes, it still not working:(

Hi @Lanlanzzz Please replace the code you added with this new one

How to remove underline when hover on the menu with dropdown

Technical Q&A

Lanlanzzz January 16, 2024, 4:35am 5

https://7d0294-2.myshopify.com/ I removed the password! Thank you for telling me this.

Topic		Replies	Views
How to remove underline from menu item on hover? Store Design design , customizations , css , shopify-themes	2	50	November 24, 2022
How can I remove the underline effect from my menu and submenu? Store Design design , customizations , collection-page , footer , cart-page	6	68	March 25, 2023
Remove Main & Submenu Underline When Hover - Dawn Store Design design , customizations , shopify-themes	3	32	April 4, 2024
Remove Underline while hovering in Menu - Dawn Theme Store Design css	5	104	February 3, 2023
Remove underlines from hover dropdown menu in header Store Design design , header	4	72	November 28, 2023

How to remove underline when hover on the menu with dropdown

Related topics