Remove thumbnails on Mobile view

Hello, hope you’re doing great,

Can you please help me remove the thumbails on mobile views (I think is 1000px width and less)

Im trying to remove them so the main image can be displayed full width on this devices.

And on mobile device we don’t need the thumbnails as the images can be switched sliding wih the finger.

Thanks!

Thanks

Hello,

Please, provide your site admin access (insert the site credentials into the Private content block under the message area) and page URL where you want to remove thumbnails.

Best Regards

Hello, thanks.

Done.

Cristian.

Hello,

Please add this code to the Theme Settings > Custom CSS > to all mobile sections: Tablet, mobile, ladscape:

.order-lg-first{
display:none;
}
body .website-wrapper .woocommerce-product-gallery.thumbs-position-left .col-lg-9 {
    flex: 0 0 100%;
    max-width: 100%;
}

Best Regards

Hello,
thanks, that worked out perfectly.

Cheers,
Cristian

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts