Hide Image from Image Block on mobile version

Site URL: https://metaxana.com

Hi there everyone,

I am trying to hide only the image from the image block for the mobile version.

Whilst it's nice on the desktop version, the product photo hides the cocoon in the mobile version, so I want to hide it, but keep the text.

Anyway I can do that??

I tried to hide sections and blocks, but it's not what I need. 

Thank you in advance

password: metaXana2022

Add to Design > Custom CSS
 

/* hide image on mobile homepage */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1639664889103_6110 .intrinsic {
    display: none;
}
}

Hey, how do you find out the block or blocks ID to hide?

20 hours ago, PeterMills said:

Hey, how do you find out the block or blocks ID to hide?

 

Use this free tool: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Hello, I have similar issue, I could hide the image on mobile, but the block's space is still there, only the image disappeared.. Is there a solution for that? Thank you!

On 3/14/2024 at 9:34 PM, fufu15 said:

Hello, I have similar issue, I could hide the image on mobile, but the block's space is still there, only the image disappeared.. Is there a solution for that? Thank you!

If you use Fluid Engine, will need to adjust CSS grid to remove this space. You can share link to page where you use image, I can check easier