[Support request] backgrounds not hidden on small devices

[Rob]

Hello,

The screenshot (https://snipboard.io/zC8SdP.jpg) shows that the CSS should hide the blue blobs on small screens and it doesn’t.
https://dev.silenttracks.org/

Pls, let me know what needs to be done to fix this.

Thanks in advance,
Rob

[David]

Hi there,

that CSS will remove a Background Overlay from any Section that you add the no-mobile-bg-overlay CSS class to in the Elementors Advanced settings.

If you want to remove the background image, which is where the blue blobs are set you would need this CSS:

@media(max-width: 768px) {
    .elementor-element.no-mobile-bg-image {
        background-image: none !important;
    }
}

And like above you would need to add no-mobile-bg-image to the Elementor sections CSS class field.

[Rob]

there is already something in the CSS class filed, so should it look like this then, with a comma separating the values?

overflow-x-hidden, no-mobile-bg-image

[David]

Remove the comma and just leave a space between your classes.

[Author]

Posts