[Steve Alley]

Greetings,
I use blocks that have a background image that stays stationary, and text that scrolls up over the image. On a laptop or desktop, it all looks good, but on a mobile device, the background image isn’t “responsive” to adjust to the smaller screen. I’ve tried various CSS codes, but nothing seems to work. If there is a code, I need help in knowing where to place that code. Thanks.

[Elana]

Hello Steve,

Thank you for reaching out to our support team.

It looks like adding the following CSS rule should help:

max-width: 100% !important;  

Try placing this inside the @media only screen and (max-width: 991px) section of your CSS. That should allow the content to scale properly on mobile devices.

Let me know if that resolves the issue or if you need help applying it.

Thanks,
Elana

 

[Author]

Posts