Storefront Theme Resize Mobile Product Image

  • As I understand, the Storefront theme controls the mobile product image size on the single product page. I would like to reduce the size of the product image, for mobile screens only, on the single product page.

    This is to minimize the need for a mobile user to scroll to see the full product image.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there @brickface1 ??

    Storefront Theme Resize Mobile Product Image

    My apologies for the late reply; we’re currently experiencing a high volume of tickets.

    You could try with adding a max-height with a value of 79svh, to the .woocommerce-product-gallery class, for the mobile viewport, as an example. For reference:

    Direct link to image: https://snipboard.io/j3uxMF.jpg

    I hope this is helpful! Please let us know if you have any further questions or concerns.

    Thread Starter Gregory Harrison

    (@brickface1)

    Thanks for the reply.

    I”ll see if I can find where to modify the .woocommerce-product-gallery?class and give that a try.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Storefront Theme Resize Mobile Product Image’ is closed to new replies.