Why my store product first image is showing very small

Why my store product first image is showing very small

Sufyank
Visitor
3 0 0

As you can see my shopify store (ckdmotors.pk) product first image is showing incorrectly remaining images are ok,

Everything was fine then suddenly this happens, maybe due to installing some seo booster apps or idk.

Can someone help me to resolve this issue?

Replies 4 (4)

BSS-TekLabs
Shopify Partner
2093 618 722

- Here is the solution for you @Sufyank 
- Please follow these steps:

step.png

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

@media only screen and (min-width: 600px) {
.productView-image.fit-unset .productView-img-container img:not(.zoomImg) {
width: 500px !important;
    height: 500px !important;
}
}

- Here is the result you will achieve:

BSSTekLabs_0-1720970126272.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Sufyank
Visitor
3 0 0

i have tried, it is working on desktop view but not on the mobile view

BSS-TekLabs
Shopify Partner
2093 618 722
@media only screen and (max-width: 600px) {
.productView-image.fit-unset .productView-img-container img:not(.zoomImg) {
   width: 350px !important;
    height: 350px !important;
}
}

you can try add more code

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Sufyank
Visitor
3 0 0

Still not working on mobile view