Hiding An Image For Mobile In The Image Addon - Question | JoomShaper

Hiding An Image For Mobile In The Image Addon

P

Paul

SP Page Builder 3 years ago

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

0
8 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #3048

Hi Please delete my orevious code and insert this one

@media (max-width: 768px){
#sppb-addon-1609802400712 img{
  display:none;
}
}
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #2406

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

0
P
Paul
Accepted Answer
3 years ago #2454

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.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #2600

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

0
P
Paul
Accepted Answer
3 years ago #2667

0
P
Paul
Accepted Answer
3 years ago #2668

Here is the image I am trying to hide

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #2821

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

0
P
Paul
Accepted Answer
3 years ago #2910

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

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

0