Footer background image doesn’t appear in Mobile

Dear,

I’ve used the Theme Settings > Footer > Background to add an image to my footer.

The image appears properly on desktop, but it doesn’t appear on mobile. Why?

Thanks
Simon

Attachments:

You must be logged in to view attached files.

Hello,

The Image on the Footer Background is there. It’s just that the size of it is covered and its original position is set to the center top which is why it wasn’t easily viewed in the Mobile view.

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile section:

.footer-container {
    background-size: contain !important;
    background-position: bottom !important;
}

Hope this helps !

Best Regards

Dear Aizaz,

The code seems to fix the issue BUT it’s creating another layout issue (see screenshot).

Try opening the page, open the F12 console and switch between the different tablet views.

Thanks
SImon

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to say but our sent CSS has nothing to do with the Site layout mess-up issue because that is specifically for the Footer Background Image adjustment. There wasn’t any other separate property being added in our sent CSS.

Further, we have checked the browser’s different iPad viewports and the layout seems to be appearing fine: https://snipboard.io/z5dq1s.jpg

Please check back your Site after completely clearing the browser and server cache.

Best Regards.

[Author]

Posts