Is it possible to remove the product image when a customers uses a mobile phone.
If possible not just by using css.
Thank you in advance
Hey Oversberg,
It is possible to hide a image when a customer uses a mobile, you would create a css rule that declares that at a certain screen width the element would not display. If you want a hand with this on your site let us know.
I’m sure this is also possible with php and js, but that is a little out of our scope here :)
Best regards,
Mike
Hey Mike,
thank you very much ! How can I do that using css ??
Hi,
Basically like this:
@media only screen and (max-width: 767px) {
.class_of_target { display: none !important; }
}
If you point us to the image on your site, we could try to help with working code :)
Best regards,
Mike
Hey Mike,
this is the page: https://www.nachbarrecht.com/pdf/nachbarrechtsgesetz-nordrhein-westfalen.html
I moved the productimage to the right side. Now when the page is displayed on Smartphones NO image should appear
I tried:
@media only screen and (max-width: 767px)
.responsive .single-product-main-image {
display: none !important;
}
and
@media only screen and (max-width: 767px)
.single-product-main-image alpha {
display: none !important;
}
Without success :-(((
I found the mistake … missing { }
Hi,
Glad that you found out the missing {}. Is it working fine now?
Best regards,
Nikko
yes its working now THANK YOU