Centralise footer items

Jednay
Excursionist
77 0 1

Hi everyone,

 

How would one go about centralising everything in footer please? I’m using the Prestige them.

 

Thank you in advance!

Replies 5 (5)

ThePrimeWeb
Shopify Partner
1784 502 366

Hey @Jednay,

 

For both desktop and mobile?

 

You could try this

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.footer__block-list > div {
    text-align: center !important;
}

@media only screen and (max-width: 989px) {
    .footer__block.footer__block--image {
        max-width: max-content !important;
        margin: auto !important;
    }    
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1711469758917.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Jednay
Excursionist
77 0 1

Hi TPW,

 

Apologies.. mobile only.

 

Best,

Mark

ThePrimeWeb
Shopify Partner
1784 502 366

Oh alright,

 

Use this instead. Instructions are the same.

<style>
@media only screen and (max-width: 989px) {
    .footer__block.footer__block--image {
        max-width: max-content !important;
        margin: auto !important;
    }

    .footer__block-list > div {
        text-align: center !important;
    }   
}
</style>
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website

diego_ezfy
Shopify Partner
2958 568 891

Hello @Jednay@Jednay,

Please share:
1. your store URL;
2. page URL with the issue you mention;
3. storefront password (if your store has one).

If the store is not online yet, kindly share the preview URL.


Jednay
Excursionist
77 0 1

Hi Diego,

 

Thank you! It’s jednay.com

 

Best,

Mark