Dawn theme | Header | How to adjust Currency's top and bottom so that it will not look awkward

[parallelism23]

Hi Shopify Fam!

I’m trying to adjust the spacing surrounding the “PHP” text but no luck so far.

this is actually a third party app called - Auto Currency Switcher on the shopify app store.

Any Idea how I customize the spacing similar to the “My Dashboard” menu.

store: https://fertile-ground.co/

pass: seogle_1

The arrow on mobile looks weird as well

[Made4uo-Ribe]

Hi @parallelism23 ,

Try this one.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. 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:
4. And Save.

.nice-select:hover {
    background: #FFD066 !important;
}
a.pick_currency.mldesk:hover {
    background: none !important;
}

• Result:

• 

  For the 2nd image. Try this one to paste in your theme.liquid before the tag.

• Result:

• 

  I hope it help.

[parallelism23]

Thanks! The fix for the desktop view worked just how I liked it!

but on the mobile version , its still not working expected I wonder where I messed up?

theme.liquid