Woocommerce thumbnails appearing over product descriptions

[powrider686]

Hi there,
On my site, spectrumcbdbotanicals.com I am having issues with the thumbnails of products displaying over the product description. See attached screenshot. This is the link to the product but it happens on all products.

Lavender CBD Body Lotion - 450 mg CBD | Spectrum CBD Botanicals

How could I fix this?

Thanks for the help!

[jade]

Hello @powrider686,

By default, the thumbnail images are displayed in the top right part of the active image just like what you see here:

https://demo.theme.co/shop-integrity/product/flying-ninja/

However, you have added this custom code to move it below:

.flex-control-nav.flex-control-thumbs {
    bottom: -60px;
    top: unset;
    left: 0;
    right: unset;
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: center;
}

If you want to have the default display, simply remove the custom code you have added.

Hope this helps.

[powrider686]

@jade

https://demo.theme.co/shop-integrity/product/flying-ninja/

Yes, thank you. You helped me get that far. The problem is that the thumbnails are now displaying over the Description Tab. How could I fix that?

Thank you!

[nabeel]

Hey @powrider686,

I checked your page and I see you still have custom code related to woocommerce thumbnails which is causing the issue, please find and remove the following code to fix the issue:

.flex-control-nav.flex-control-thumbs {
    bottom: -60px;
    top: unset;
    left: 0;
    right: unset;
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: center;
}

Hope this helps!