Using CSS, how would I make a particular block in a mosaic grid invisible on mobile view? [Screenshot 2024-08-12 at 10.57.20.png]

Hi @JosenAndersen , Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file: @media (max-width: 45em){ #shopify-section-template--19339290280273__mosaic_grid_xaKVBM .mosaic-grid__item:nth-child(2) { display: none; } }

Hi Go to online store → theme → edit code. Open theme.css @media only screen and (max-width: 767px) { .your-block-class { display: none; } }

But does this make this one particular image invisible? (See my photo). I do not want it to make all blocks invisible on mobileview.

Hi @JosenAndersen , Please send me the store link, I will check it for you

Actually, Your photo has not enough info for this. I need more info about parent component or class. Btw you can try like follow code. @media only screen and (max-width: 767px) { .mosaic-grid__item-image img { display: none; } } you can replace .your-block-class with the actual CSS class or ID…

[Acme_0-1723455868317.png] You can find out id in parent component what you want to hide.

https://n28gwc7dc4jyaq3c-64282296555.shopifypreview.com

There is no id at the moment. if you want to hide the image, at first, you should set id for the image block in them.liquid. And then you follow my first reply. Thanks.

Is that something you can let me know how to do? What code should I enter in theme.liquid?

Hi @JosenAndersen , If you have any questions, you can contact me directly. Happy to help you :blush:

Help to make block invisible on mobileview

Store Design

JosenAndersen August 12, 2024, 9:22am 6

Where do I find the ID of the block I want to hide?

Topic		Replies	Views
HIDE only one image block from a custom content Store Design design	1	19	October 27, 2023
How do I hide this one specific section on mobile? Store Design customizations , css	5	32	April 3, 2024
Hide custom content block from mobile devices Store Design	5	26	February 28, 2022
Hide Media Grid from Mobile View Store Design design	3	17	July 26, 2024
Hiding section on mobile Store Design design , customizations , css , html	1	39	April 13, 2024

Help to make block invisible on mobileview

Related topics