How can I remove the underline effect from my menu and submenu?

Store Design
, , , ,
1

hasanali1_0-1679751347400.png
hasanali1_0-1679751347400.png1758×455 287 KB

I’m wanting to remove the underline effect (hover and active) from my menu as well as submenu under ‘shop’ navigation. Also increase the text size :grinning_face_with_smiling_eyes:

website - https://the-style-luxe.myshopify.com/

password - reucho

thanks in advance!!

2

Hi @hasanali1 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
3

Hello, Hasanali, good morning.

Go to online store > themes > actions > edit code, and, at the end of the base.css file, add this:

.header__active-menu-item {
text-decoration: none;
}

.header__menu-item:hover span {
text-decoration: none;
}
1 Like
4

worked perfectly except on the ‘shop’ menu, hover and active underline still there

hasanali1_0-1679752962079.png
hasanali1_0-1679752962079.png1607×287 67.5 KB

5

Hey, Hasanali, did you add my two rules? I edited my comment and added the second rule a while ago. I’ve just seen your base.css code, you should remove the and tags, they shouldn’t exist inside this file

1 Like
6

You can add this code below:
2 Likes
7

just did. thank you so much!!