Image Error on Mobile View

Highlighted
Tourist
4 0 0

I am having an issue with one of the picture sizing only on my mobile viewing of my website. When I open my website on a desktop all of the pictures are the same size. As you can see below the image that is labeled "peek-a-boo" is a lot small than the picture next to it. If anyone can help me out it would be greatly appreciated! Thanks in advance.

ExampleExample

 

0 Likes
Highlighted

Hello ,

Please share your site url.

So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Pathfinder
102 11 30

Hi @iyoniajackson,

Please share the URL of your store so I could inspect the issue. 

1 Like
Highlighted
Tourist
4 0 0

https://willow-j.com/

 

the issue is only on the mobile viewing

0 Likes
Highlighted

Hello ,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and(max-width:768px){
.product-card__image-with-placeholder-wrapper {
    height: 230px!important;
}

.grid-view-item__image.lazyautosizes {
    height: 230px!important;;
}
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
4 0 0

Hello there, it pretty much worked as far as making them all the same sizing on mobile viewing but it distorted one of my image sizings.IMG_8807.jpg

0 Likes