How to adjust currency drop down menu (SEE PHOTO!)

Solved
Highlighted
Excursionist
17 0 4

Hi!! I am having an issue adjusting the currency dropdown menu. On the mobile version screen, the currency is not aligning on the same level and the dropdown arrow is too far away from the selection.
I want it to be aligned on the same level and the arrow is close to selection !!! Thanks!

Screenshot 2020-08-05 at 11.51.19 PM.png

1 Like
Highlighted
Shopify Partner
7473 1034 2598

Hello, @elaiinee 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
17 0 4
0 Likes
Highlighted
Shopify Partner
7473 1034 2598

This is an accepted solution.

@elaiinee 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.currency-selector__input-wrapper {
    width: auto;
}
.currency-selector__dropdown {
width: 100%;
}
.currency-selector__label {
margin-bottom: 0;
    padding-top: 4px;
}
.currency-selector__input-wrapper .icon {
top: 22px;
    right: 10px;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
17 0 4

YOU ARE AMAZING! THANK YOU!!

0 Likes