Archived topic

Remove background image from front page

5 replies · Started by Sonja on September 7, 2021

Viewing posts 1–6 of 6

September 7, 2021 at 9:19 am #1921994

Hello, I was wondering which CSS code to use to remove the image from the top section for mobile devices. The site URL is here: https://digitalsearchhero.com/ I tried with multiple codes, including this one: @media (max-width: 768px) {
.gb-container-c1f1455e {
background-image: none!important;
}
}

but not working.

Thanks

September 7, 2021 at 10:14 am #1922051

Hi there,

I just tested and this should work for sure:

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

Please make sure to clear any caching plugins you are using.

September 7, 2021 at 1:27 pm #1922170

I don't know how to check if the code is working, because right now I don't see any changes. I have a cache plugin and I cleaned all the cache and everything looks the same. However, I noticed that in the incognito, the site looks broken, does anybody know what could be the cause? I pointed my website via Sucuri firewall, could that be an issue? It also displays like this in Firefox: https://ibb.co/1vd4FZk

September 7, 2021 at 4:18 pm #1922250

Hi Sonja,

I've checked the CSS on your site and it seems to have a syntax error.

This part - https://share.getcloudapp.com/DOuBrROl - is missing a } before the @media.

It's the one you added on Appearance > Customize > Additional CSS.

September 8, 2021 at 9:33 am #1923237

Thank you, it worked perfectly.

September 8, 2021 at 6:41 pm #1923619

Glad you got it sorted. No problem. :D

This archived topic is closed to new replies.

Start building better websites today.