Thanks in advance!
How do I remove the line under country/region selector when hovering over the area that works for mobile and pc.
This is what it looks like when hovering over the country/region selector.
Topic summary
Issue: A user wants to remove the underline that appears when hovering over the country/region selector in the Dawn theme, affecting both mobile and desktop views.
Solution provided:
- Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
- Open the Assets folder and locate the CSS file (base.css, style.css, or theme.css)
- Add the following CSS code at the bottom:
.header-localization .disclosure .localization__form-select:hover {
text-decoration: none !important;
}
- Save the changes
Status: Solution appears complete with visual confirmation provided by the responder.
1 Like
HI @MMast
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.header-localization .disclosure .localization-form__select:hover {
text-decoration: none !important;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
2 Likes
Please, dont forget to Likes. Thanks!