Product Page Images displaying small

Start a Business
,
1

Hi

Can someone help me fix my product page images? The main image displays perfectly but when I select a thumbnail image the image shrinks smaller and to the left, I want all images to display like the main image.

Any help would be appreciated

Untitled 3
Untitled 31920×978 111 KB

Untitled 2
Untitled 21920×978 156 KB

Many Thanks

2

Hi @HomeEnterprise

can you share your store url & password (if applicable) then I can check and give you the solution

3

Please share the link to your store

4

hey @HomeEnterprise
share the URLs of your website plz

5

Thank you @Dan-From-Ryviu @Mustafa_Ali @BiDeal-Discount

Website Url: https://www.homeenterprise.co.uk/

Password: Enterprise1

Appreciate your help

Many Thanks

6

Hi @HomeEnterprise

Let’s go to your admin → Sale channels → Online store → edit code your current theme.

Open file base.css then scroll down to bottom of that file and add this code:

@media screen and (min-width: 990px) {
  .product:not(.product--columns) .product__media-list .product__media-item {
    width: 100%;
  }
}

It’s will work as you expected:

image
image1247×957 256 KB

7

Please add this code to Custom CSS of your theme to solve the issue

.product__media-item { width: 100% !important; }
8

Thank You so much it worked!

9

Thank you for your help!