Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1404458

    Hi there,

    great that you added touch slide of product images to the latest enfold version. I would like to display all product images in one bar under the main image on mobile devices no matter how may there are. How can this be done?



    Hey El,

    Would you like to display thumbnails in 1 column? If so, please add the following code to the bottom of the Quick CSS field in Enfold theme options > General Styling

    @media only screen and (max-width: 480px) { 
    #top.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
      width: 100% !important;

    Your WooCommerce thumbnail size is currently 100x100px so displaying them in a single column would make them look blurry. Please install the Simple Image Size plugin, go to Settings > Media, increase “woocommerce_thumbnail” image sizes, and regenerate thumbnails.

    If this isn’t what you meant, please share more details on the changes you’d like to make.

    Best regards,


    Hey Yigit,

    the other way around. All thumbnails in the same ONE line under the main image. It makes sense now that one can swipe the main image.



    Hi Elmar,

    Please use the following code instead

    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
      display: flex;

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.