HIDE SINGLE IMAGE ON MOBILE ONLY

Hiya!

So, I'm trying to hide one image on mobile only, https://www.studio-sonder.co.uk/projects/bumble - if you have a look at the link, I think you'll be able to see why!

I've tried a ton of code, but nothing seems to be able to remove it on mobile only, 

Wondered if anyone might be able to help?

10 hours ago, charlottewritescopy said:

I'm trying to hide one image on mobile only...I've tried a ton of code

You shouldn't need code. Whilst in the page editor, choose the mobile preview (click the mobile icon in the top right) and then drag this image so that it is covered by one of the other images 🙂.

Did this help? Please give feedback by clicking an icon below  ⬇️

Yes, so I've just moved it there so you can see which image I'd like to hide if that makes sense?

OMG did not think to do this!! thank you x

Add this code on custom css:

@media only screen and (max-width: 428px) {

.fe-block-b6804471b49af71182da {

display: none !important;

}

}

This code will hide the first image. See the attachment is this how you want?

Is there a way to have hide an image specifically in the footer?

On 6/7/2024 at 7:07 AM, Andrew101 said:

Is there a way to have hide an image specifically in the footer?

You can find ID of Image, then use this code to Custom CSS

@media screen and (max-width:767px) {
	footer.sections enter-id-of-image-block {
		display: none;
}
}