how do i get rid of underline menu links in the footer on DAWN 13

R2D21
Tourist
22 0 0

I'm using Dawn 13, after adding menu items to the footer they all show up as underline, but when i hover over with mouse the underline goes away, what can i do to fix this? i don't want any underline to appear under each link just a highlight effect when i hover over with mouse.  thank you

 

R2D21_0-1712158053343.png

 

Replies 2 (2)

ThePrimeWeb
Shopify Partner
2093 600 468

Hey @R2D21,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
a.link.link--text.list-menu__item.list-menu__item--link {
    text-decoration: none !important;
}


a.link.link--text.list-menu__item.list-menu__item--link:hover {
    text-decoration: underline !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1712158753868.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

PageFly-Henry
Astronaut
1074 308 262

Hi @R2D21 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save


footer a {

    text-decoration: unset !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.