Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 29, 2017 at 3:09 pm #784975
    Oversberg

    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

    April 29, 2017 at 4:10 pm #784994
    Mike

    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

    April 29, 2017 at 7:00 pm #785074
    Oversberg

    Hey Mike,
    thank you very much ! How can I do that using css ??

    April 29, 2017 at 11:24 pm #785124
    Mike

    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

    May 2, 2017 at 1:11 pm #786321
    Oversberg

    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 :-(((

    • This reply was modified 7 years, 7 months ago by Oversberg.
    May 2, 2017 at 2:29 pm #786367
    Oversberg

    I found the mistake … missing { }

    May 2, 2017 at 2:35 pm #786377
    Nikko

    Hi,

    Glad that you found out the missing {}. Is it working fine now?

    Best regards,
    Nikko

    May 2, 2017 at 2:36 pm #786379
    Oversberg

    yes its working now THANK YOU

    May 2, 2017 at 4:13 pm #786484
    Yigit

    Hi,

    Glad you figured it out!
    Let us know if you have any other questions or issues and enjoy the rest of your day! :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Remove Product Image when shown on mobile phone’ is closed to new replies.