Archived topic

Remove background on mobile

5 replies · Started by Mathieu on April 7, 2021

Viewing posts 1–6 of 6

April 7, 2021 at 2:12 pm #1725425

Hello,

I tried the following code to remove the background on mobile but it doesn’t work.

@media (max-width: 768px) {
    .gb-container.no-mobile-background,
    .gb-container.no-mobile-background:before {
        background-image: none;
    }
}

I only have one background image set for the body, and I would like to disable it for mobile view.

Is there another code I can try?

The website is: mirrorlesscomparison.com

Many thanks!

Mat

April 7, 2021 at 2:41 pm #1725443

Hi Mathieu,

Try this CSS instead :)

@media (max-width: 768px) {
    body {
        background-image: none !important;
    }
}

April 7, 2021 at 2:55 pm #1725453

Thanks Ying, but it doesn't seem to work. I tried to reset the cache as well but no luck.

April 7, 2021 at 4:59 pm #1725517

Try the edited CSS:
https://generatepress.com/forums/topic/remove-background-on-mobile/#post-1725443

April 8, 2021 at 7:39 am #1726478

Thank you Leo.

Now it works!

April 8, 2021 at 9:48 am #1726619

No problem :)

This archived topic is closed to new replies.

Start building better websites today.