How can I hide a specific image on mobile using the Studio Theme?

Store Design
1

I am using the Studio Theme and want to hide the image on the top right (with me illustrating the painting technique) on mobile only. This is the page, https://newdawnart.com/pages/paint-pouring-techniques I would like to add it right on the page itself at the bottom. Can someone provide the necessary code?

1 Like
2

@ddenby

Please add the following CSS code to your assets/component-image-with-text.css bottom of the file.

@media screen and (max-width: 749px) {
 #shopify-section-template--19977678815533__b5b94537-e8e8-4ba3-a086-78987975f531 .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid__item .image-with-text__media {display: none !important ;}
}

Thanks!

3

Thank you! However, w

Error.png
Error.png369×624 19.4 KB

hen I added the code to the bottom of the specific page in the CSS area, it gave me an error, see attached.