Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 24, 2025 at 11:07 pm #1477820
    ballindigital

    Hi,

    I need some help with the product image gallery on mobile.

    I just re-enabled the large product image, but now it looks way too big on mobile.

    View post on imgur.com

    I’d like to hide the small thumbnail images below but still allow users to click/swipe to see the next image.

    Ideally, the main image should be smaller so it doesn’t take up the whole screen and you can at least see some of the text underneath.

    Is there an easy way to do this with CSS or settings in Enfold?

    Thanks!

    February 25, 2025 at 5:58 am #1477849
    Ismael

    Hey ballindigital,

    Thank you for the inquiry.

    You can add this css code to hide the product gallery thumbnails and adjust the height of the main product image:

    @media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .single .product div.images div.thumbnails {
    display: none;
  }

  .single .product div.images img {
    width: auto;
    height: auto;
    max-height: 300px;
    margin: 0 auto;
  }
}

    Best regards,
    Ismael

    February 25, 2025 at 10:32 am #1477878
    ballindigital

    Hi – thanks for this but it doesn’t seem to have worked? Could you check please?

    February 26, 2025 at 5:35 am #1477969
    Ismael

    Hi,

    We’ve found some invalid CSS code in the Quick CSS field. Do you have a site backup? We’d like to correct the css, but we don’t want to risk breaking anything in the process.

    Please create a site backup or restore point, and then we’ll adjust the css modifications.

    Best regards,
    Ismael

    February 26, 2025 at 1:22 pm #1478016
    ballindigital

    Hi – yes,

    I have included access to our staging site here.

    February 27, 2025 at 5:16 am #1478070
    Ismael

    Hi,

    Thank you for the update.

    We added the modification in the live site.

    View post on imgur.com

    Best regards,
    Ismael

    February 27, 2025 at 8:35 am #1478091
    ballindigital

    Beautiful! Thank you :)

    February 27, 2025 at 2:44 pm #1478122
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘WooCommerce Product Image Too Big on Mobile – Need Help’ is closed to new replies.