Center image in footer for mobile view only

Store Design
1

I’ve added an image of my logo underneath a text section in the footer (added via editing code in footer.liquid):

{% when 'text' %}

### {{ block.settings.title | escape }}
{{ block.settings.richtext }}

In desktop view, the image and text are left aligned which is what I want, however- everything is centred when in mobile view and I do like it but the image that I’ve now placed underneath the text is still left aligned so it looks off between everything else. How can I make it so the image will change to center align for mobile view only and still remain left for desktop?

2

@lisasnacks ,

Please share the URL and screenshot.

3

post removed - resolved.

4

removed.

5

@lisasnacks ,

@media screen and (max-width: 768px) {
.grid-item.one-half.text-left {
    width: auto;
    text-align: center !important;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->timber.scss.liquid

6

Thank you! Worked perfectly :slightly_smiling_face: