[Resolved] Hiding Background Image on Mobile

[Ben]

Hey guys,

How do I remove background images on mobile?

I’d added the following the additional CSS panel:

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

Then I’ve added the following class to the container:

no-mobile-background

However, the image still displays on mobile.

How would I hide it on mobile?

Thanks

[David]

Hi there,

try this CSS:

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

When the background is set as a Pseudo Element it moves it to the :before pseudo element – that CSS will cover both element types

[Mathieu]

Hello,

I tried the code above but it doesn’t seem to work.

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?

Many thanks!

Mat

[Leo]

Can you open a new topic for your question and link us to the page in question?

Thanks 🙂

[Mathieu]

No problem!

[Leo]

Thank you 🙂

[Author]

Posts