Optimise website images for mobile

jessjessanders
Excursionist
25 0 5

Hi everyone, 

I am hoping to optimise website images for mobile 
They are fine on desktop, however look shocking on mobile. 

How can I resize and adjust them, so I can see the full image?

Generally, I would love some help in optimising the website for all devices.

I'd appreciate your feedback and assistance, 

--

Website: https://sharnie- cocks.myshopify.com/      (no spaces)
Password: reiffa
Section: All images which aren't sized properly on the home page

Screen Shot 2021-02-26 at 3.43.41 pm.pngScreen Shot 2021-02-26 at 3.43.57 pm.png


0 Likes
Zworthkey
Shopify Partner
330 18 57

hi,

Add this code to the theme.scss

 

@media only screen and (max-width: 749px)
.feature-row__image-crop--none .feature-row__image {
    height: 400px;
}
@media only screen and (max-width: 749px)
#shopify-section-1612073656bd89dcb7 .feature-row__image {
    height: 400px !important;
    background-position: top right !important;
}

 

I hope you got the proper Solution.

Thank you