Mobile version - background image

Hi Guys
My Website looks amazing on PC. the background picture creates depth without interfering with the blog posts, But on mobile - I can’t read the text because of the background image. I want to turn it off for mobile. so I checked out some of the posts here and tried this one below but it didn’t work.

https://theme.co/apex/forum/t/hide-background-image-on-mobile/7509

This is my website - https://thenewfiddler.com

am I using the wrong CSS?

thanks
Willow.

Hi Willow,

The text looks good on my end.

Did you sort it out? Or can you please send me with the URL of that page?

Thank you.

Oh wow,
this is how it looks on my phone.

I have cleared cookies and history from my phone. I have tried it on two separate iphones.

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

@media (max-width: 480px){
    .backstretch {
        display: none !important;
    }
}

Hope it helps :slight_smile:

Yes!!! it worked - thank you so much.

You’re welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.