Row w/background image on mobile

[GTS75]

Hey – I’m trying to use Rows with a background image with text/button overlay. They look awesome on desktops, but on a phone the background image doesn’t resize at all. The text looks great, but the images make them virtually unusable on mobile, which is very unfortunate. Is there anything that can be done to make these look good on mobile? I’d hate to have to disable them all.

see https://gtsclothing.com/thanks on mobile for an example.

[David Martin – Support]

Hi,

Please test adding this custom CSS:

@media only screen and (max-width: 767px) {
.fw-row>.spb-row {
    background-attachment: local!important;
}
}

[GTS75]

thanks – are you sure that’s the correct code? I added it to the Theme Options > Custom CSS box but it didn’t change anything on the front-end and I also got an error next to the code saying “Use of !important”.

[Rui Guerreiro – SUPPORT]

Hi,

that’s only a warning, no problem with that. We should only use the !important when necessary, and this is one of those situations.

Don’t you have any red cross in the lines above?

Or provide us admin credentials so we can check it.

-Rui