Hello,
I would like to disable the background image on a given colour section when viewed on mobile. I have tried several CSS codes proposed here already, but nothing made any impact. I have given developer IDs to my colour sections already.
Thanks,
Magnus
Hey Magnus,
Please try this to remove the background image from the first Color Section on your site on mobile :
@media only screen and (max-width: 767px) {
#contactus {
background-image: none !important;
}
}
Best regards,
Rikard
Sorry, Rikard, not change!
Best,
Magnus
Hey Magnus,
Rikard’s code should have worked fine but it is not being applied at the moment. Could you please create temporary admin logins and post them here privately so we can look into it?
Regards,
Yigit
Yes, see below in private box!
Thanks,
Magnus
Hi,
Thanks for that. I added the code to the top of your Quick CSS box and it’s working and applying to your site.
Best regards,
Rikard
Hi Rikard,
thanks, but there seems to be no change still. I opened the ‘contact us’ page on an iPhone which has never accesses the site so far (excluding thus cache issues), and the background image ist clearly still there:
https://snipboard.io/NZ5BqH.jpg
Thanks,
Magnus
Hi,
Please try this instead:
@media only screen and (max-width: 767px) {
#contactus, #contactus .av-parallax {
background-image: none !important;
}
}
Best regards,
Rikard
Its like jinxed – no changes – background still shows.
Thanks! Now it works, and I modified the code such that the background image is gone on any mobile device, and also did the same for our contacts page.
Glad this works now!
Best,
Magnus
Hi,
Great, I’m glad to hear that it’s finally working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Yes, works nicely, kindly close topic! Thanks so much!