Dawn Theme - Center Country Selector in Footer

[dominnows]

Hi,

I’d like to center the footer with the country selector and the text above and the copyright text below it in Desktop view. I was able to get centered on mobile, but the text above the country selector isn’t centered. On Desktop it needs to be centered overall. The email list area also needs to be centered.

URL: ourodyssey.co

.

[PageFly-Victor]

Hi @dominnows ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-footer.css->paste below code at the bottom of the file:

.footer__column.footer__localization.isolate {
    justify-content: center;
}

.footer__content-bottom-wrapper{
    text-align: center;
    justify-content:center;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

[dominnows]

Hi @PageFly-Victor thanks for this code, the country selector is still not aligned for some reason and the email list text is not aligned but the text box is.

[PageFly-Victor]

You can try this code below:

.footer-block__newsletter > h2 {
    text-align: center !important;
}

.footer__localization {
    justify-content: center !important;
}
.localization-form:only-child{
    justify-content: center !important;
    margin: unset;
}

.footer__content-bottom > div:nth-child(2) {
    justify-content: center !important;
}
#FooterCountryLabel{
    text-align: center;
}

[GemPages]

Hi @dominnows ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

1. Go to Edit code on Online Store:

2. add my code above the tag on Theme.liquid:

Eg:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.