Logo and collection images being squashed on mobile view-startup theme

[Cayla77]

Hello,

please could someone assist. for some reason a few of my graphics are being squashed. My logo and my collection images. Please see screenshot of the lot.

I have resized images and tried everything. However the problem persists. Any solution would be appreciated.

thanks,

Cayla  

[made4Uo]

@Cayla77 

Hi, 

May I inspect your website? It is password protected

[Cayla77]

Yes please. Theta101 is the password 

[made4Uo]

@Cayla77 

Please duplicate your theme before doing this. 

In your online store, go to themes, then click action button, then edit code.

Look for Asset folder and find the theme.css file.

At the very bottom, paste the code below

@media only screen and (max-width: 400px) {

.site-header__wrapper {
padding: 0 15px !important;

}

}

The code simply decrease the padding of the header in both sides into half. Let me know if it helps. 

[Cayla77]

Hello,

Thank you for that, I have tried that, but unfortunately it is not working 😕

[made4Uo]

@Cayla77 

In my mobile view, it is now squished. Even have it go down to 300