Removing animated accent line on Modular Theme

Highlighted
New Member
3 0 0

Hi,

 

How would I get rid of the animated accent line within the navigation menu on Modular Theme. This is on a "hover" state. When the mouse hovers over "home" for example , a second line pops up 

 

LaurenKirkland_0-1597000037708.png

 

0 Likes
Highlighted
New Member
7 0 0

We can remove this unwantent animated line on hover state by using of SCSS on the theme.
I have created 250+ custom shopify stores and still creating more.

You can have a look on my proven work record at https://upwork.com/fl/niraj1420

0 Likes
Highlighted

Hi @LaurenKirkland ,

Can you please share your store url and store front password, so i can check and give you code here.

Thanks,
Jay

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers
0 Likes
Highlighted
New Member
3 0 0

@BriskDevelopers my store URL is https://nomibrand.com 

I don't have a password 

0 Likes
Highlighted

Add this css code in your assets / theme.scss file:

 

.nav-standard .menu-item>a:hover {
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}

 

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers
0 Likes
Highlighted
New Member
3 0 0

I don't have an assets.scss file 

 

Would I create a new asset? Or put it in Asset file theme.scss.liquid ? 

0 Likes
Highlighted

assets / theme.scss

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers
0 Likes