How to get woocommerce thumbnails to remain inline mobile view/ Integrity Stack

[fantasy_5]

Hi,

My single product thumbnails are inline on desktop view. However

, they are stacked in mobile view. How can I change this?!

[tristup]

Hi @fantasy_5,

Thanks for reaching out.
It seems the Flex value of the Thumbnail image container li is the reason behind your issue.

You can add the following custom CSS code into the Theme Options > CSS to adjust the value. But please remember the value adjusted in the example code will work for 4 images only.

@media screen and (max-width: 979px)
{
    .single-product .flex-control-nav.flex-control-thumbs li 
    {
        flex: 1 1 20%;
    }
}

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[fantasy_5]

Hi, Tristup,
Thank you!

[ruenel]

You’re welcome.