Shopify Dawn Theme Mobile Alignment Issue (Currency & Language Selector)

Store Design
, , , ,
1

Hello everyone!

I am using the Shopify Dawn theme. I have added the currency and language selectors on the same line in the footer section for mobile view using custom code. Everything is working fine, but I’m experiencing a spacing issue — there is too much space on the left side of the currency selector and too little space on the right side of the language selector.

I would like to have equal spacing on both sides for better alignment.

I would really appreciate your help.
Thank you in advance!

Store: Svelteclothes

Password: Admin

5
5550×183 10.4 KB

5

try using this css
.footer__localization {
column-gap: 10px;
}

.footer__localization .localization-form {
width: 100%;
}

let me know if still you are facing any issue

image
image1920×1080 384 KB

6

Currency now shows more space before it and language shows less space after it. I want to keep the same spacing.

Screenshot 2026-04-06 171052
Screenshot 2026-04-06 171052421×246 10.2 KB

7

hi @dreamtechzone_5 please use this css

.footer__localization {
column-gap: 10px;
}

.footer__localization .localization-form {
width: 100%;
}

.footer__localization h2,
.footer__localization button { 
margin-left: 0 !important; 

}
8

Perfect. Thank you very much.