Solved SP Page Builder

Hiding an Image for mobile in the image addon

Asked by Paul 5 years ago Last activity 5 years ago

How does one hide an image for mobile and IPad in the image addon?

Accepted answer

Marked as the solution

Mehtaz Afsana Borsha Staff

5 years ago

Hi
Please delete my orevious code and insert this one

@media (max-width: 768px){
#sppb-addon-1609802400712 img{
  display:none;
}
}

7 more replies

Mehtaz Afsana Borsha Staff

5 years ago

Hi
You can find it from here
https://prnt.sc/wsxgyd
Thank you

Paul Asked this

5 years ago · edited

Hi
Thanks but is not what I want. I want it to hide the image only for a specific Image add on on a particular page. That is why I said how can I hide an image in an image addon for mobile and ipad in the title. I also chose the SP page builder category when creating the post, not Helix.

What you are showing me will hide all images across the site. Not what I want.

To be clear. I have an image add on in an SP Page builder row. I want to hide the images just in that row and add on for mobile and ipad.

Mehtaz Afsana Borsha Staff

5 years ago

Then give me your site URL and also give screenshot which you want to hide

Paul Asked this

5 years ago

Paul Asked this

5 years ago

Here is the image I am trying to hide

Mehtaz Afsana Borsha Staff

5 years ago

Hi
Use this custom css

@media (max-width: 767px){
#sppb-addon-1609802400712 img{
  display:none;
}
}

In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks

Paul Asked this

5 years ago

Thanks it partially worked.
Hidden on Mobile but not a tablet.

I have cleared cache and it still appears on the tablet.