Recenly I add the country selector but now the payment icons misalign previously was in the centre. Pls advise how to align the country selector and the payment icon to the center. Thanks
Topic summary
A user added a country selector to their Shopify store footer, which caused the payment icons to lose their center alignment.
Proposed Solution:
Another user provided CSS code to fix the alignment by:
- Navigating to Shopify Admin → Online Store → Themes → Actions → Edit Code
- Locating Asset → section-footer.css
- Adding specific CSS rules targeting footer columns and content wrapper elements
Current Status:
The suggested CSS fix did not resolve the issue. The original poster confirmed it’s still not working, and the alignment problem remains unresolved. The discussion is ongoing with no successful solution yet.
Hello @jsimk
To make payment icon and country selector align center follow this steps:
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > section-footer.css and paste this at the bottom of the file:
.footer__content-bottom-wrapper{
flex-wrap: wrap !important;
flex-direction: row !important;
}
.footer__column.footer__localization,
.footer__column.footer__column--info{
width: 50% !important;
}
Hope this works well.
Not working 