Hide image on mobile with 'Image With Text'. Colorblock

Store Design
1

Hey, I want to remove the image from ‘Image With Text’ for mobile users. See the red circle on the attached images. I assume I will need to edit code, there is no option for this in theme settings. Thanks in advance :slightly_smiling_face:

StoreOwner1231_0-1659652892000.png
StoreOwner1231_0-1659652892000.png1597×1178 131 KB

StoreOwner1231_1-1659652915887.png
StoreOwner1231_1-1659652915887.png444×1189 92 KB

2

Hi @StoreOwner1231 ,

You need an specific code for this that works only to a certain section. Is there anyway you can share your website?

3

Hello @StoreOwner1231

Can you share your website URL so that I can check and help you to fix this?

4

Hey @SmallTask @made4Uo , my website is flytecaps.com. Thanks :slightly_smiling_face:

5

Do you want to remove this section only from mobile?

6

That’s correct. I want to keep the text, and remove only the image

7

Hi @StoreOwner1231 ,

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
@media only screen and(max-width: 750px) {
.image-with-text__media-item.image-with-text__media-item--small.image-with-text__media-item--top.grid__item {
    display: none;
}
}
8

Doesn’t seem to change anything

9

Hello

https://abidasclothing.com/

pass: abidas1

screenshot

https://imgur.com/a/WRhHBi7

i want to hide this image on mobile devices,

already tried

@media only screen and (max-width: 766px) {
.pa t__0 l__0 b__0 r__0 {
display: none!important;
}
}

tell me which file should i paste this on, tried on many
CSS files list

https://imgur.com/EDIpEn6