Archived topic

backgrounds not hidden on small devices

3 replies · Started by Rob on April 21, 2022

Viewing posts 1–4 of 4

April 21, 2022 at 4:53 am #2195771

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

April 21, 2022 at 5:02 am #2195776

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.

April 21, 2022 at 6:51 am #2195894

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

April 21, 2022 at 7:04 am #2195900

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

This archived topic is closed to new replies.