Footer image to be centered well in mobile and desktop mode ( Shopify Taiga Theme )

[dreamtechzone_5]

Hello Everyone!
I am using Shopify Taiga theme as a trial. I want the footer image to be centered well in mobile and desktop mode. How do I keep it? Please help me. Thank you

Store: https://gj0mfv80ur92to92-60604383299.shopifypreview.com
Password: Admin

[Moeed · Accepted solution]

Hey @dreamtechzone_5 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.footer-block__image.text-align-left .rte.rte--no-max.mt-12 p {
    text-align: -webkit-left !important;
}
.footer-block__image.text-align-left {
    text-align: -webkit-center !important;
}
</style>

RESULT:

If I managed to help then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[dreamtechzone_5]

Wow great work. Thank you very much.

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[CodingFifty]

Hey! @dreamtechzone_5,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

footet .media, figure {
    margin: auto !important;
}

[suyash1]

@dreamtechzone_5 please add this css to the very end of your critical.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> critical.css

.footer-block__image .media{margin: 0 auto;}