button currency/country in my mobile version is not in the centre

Store Design
, , ,

Topic summary

A user reports that the currency/country selector button in their mobile store footer is misaligned and not centered.

Proposed Solution:
Another user suggests adding custom CSS code to fix the alignment issue:

  • Navigate to: Online Store → Theme → Edit code → Assets → base.css
  • Add specific CSS targeting the localization selector button with margin adjustments

Status: The solution has been provided but not yet confirmed as tested or resolved. The CSS code appears to target the disclosure button and localization form elements to correct the centering issue on mobile devices.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

How can I fix this?

Immagine 2023-09-20 215120.png
Immagine 2023-09-20 215120.png536×875 25.6 KB

1 Like
2

Hello @Vick2

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large {
    margin: 0px !important;
}