Centre align footer "menu" including the Heading?

[AMB771007]

I have played with the code and nothing seems to work. Please help how I can centre align the highlighted lines in attached image.

URL: https://littleprincessgown.com/

[Dan-From-Ryviu]

Hi @AMB771007

Please share the link to your store.

[devcoders]

Hello @AMB771007

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

[vm-web]

@AMB771007

Can you share your store URL!

Thanks!

[LizHoang]

Hi, can you share store URL?

[AMB771007]

Shared in original post!

[LizHoang]

Hi @AMB771007 , I see its normal

[AMB771007]

I want the header and text to all centre align.

[vm-web]

@AMB771007

Please add the following css code to your assets/section-footer.css bottom of the file.

@media screen and (min-width: 750px) {
.footer-block {
        justify-content: center;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
}

Thanks!

[Dan-From-Ryviu]

Please add this code to theme.liquid file , after in Online Store > Themes > click “…” > Edit code

[LizHoang]

Hi @AMB771007

• You can try to follow this step
  Step 1: Go to Edit code
  Step 2: Find file base.css and add this code at the end of the file

.footer-block.grid__item.footer-block--menu.scroll-trigger.animate--slide-in {
    text-align: center !important;
}

Result:

Best,

Liz

[AMB771007]

Hi Liz, the centre alignment looks off, is there a way to make it look better?

[devcoders]

Hello @AMB771007

I think it’s working fine.