• 

  alkerster

  Participant

  February 6, 2021 at 03:18

  Hello

  I have something I would like to resolve on the Single Product Page gallery view / layout

  I do not want part of the next image to show along side the current image being displayed

  I think it looks messy and is off-putting from viewing the current image in question

  Screen shots to describe what I mean as it is easier to visualise

  Problem area shown in highlighted red area:
  

  When viewed on a very small window / phone the partial next image is not shown which I think is much neater:
  

  I have searched as much as I can to try to find a solution for this

  I hope someone can help me

  Thanks in advance
  James

  #272660 Copied Theme version: 7.2.4.1 WooCommerce version: 4.9.2

  3 Answers

  

  Rose Tyler

  Support staff

  February 6, 2021 at 08:55

  Hello,

  Thanks for using our theme.
  Try to add this code in Theme Options > Theme custom CSS:

  .single-product .woocommerce-product-gallery__wrapper.swiper-slide-next,
  .single-product .woocommerce-product-gallery__wrapper.swiper-slide-prev {
      opacity: 0 !important;
  }

  Regards

  #272690 Copied
  

  alkerster

  Participant

  February 6, 2021 at 13:57

  Thank you very much!

  #272766 Copied
  

  Rose Tyler

  Support staff

  February 6, 2021 at 15:56

  You’re welcome!

  Regards

  #272790 Copied