Image does not resize correctly on mobile version

Solved
Llanie
New Member
3 0 0

Hi,

I have an issue with images that do not resize correctly on the mobile version (see image below). Desktop version is fine and shows the entire image. How can I fix this?

 

Schermafbeelding 2021-06-22 om 10.18.12.png

 

the site: thebinarycollection.com

password: thebinarycollection

 

Thanks in advance to whoever can help me out!  

0 Likes
hash777
Shopify Partner
164 9 23

@Llanie  Hi there, If helpful then please Like and Accept Solution.
THANKS

Ok, to fix this there is an option to select in theme customization. Please follow below imagesto correct mobile image size.

c.PNG
Hope this Helps, If it does then please Like and Accept Solution.

 

0 Likes
dmwwebartisan
Shopify Partner
7481 1746 2334

This is an accepted solution.

@Llanie 

 Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width:749px){
.hero--x-large {height: 300px;}
.hero {background-size: contain;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Llanie
New Member
3 0 0

Is this where the code is supposed to go? It doesn't work for me...

Schermafbeelding 2021-06-22 om 10.45.12.png

 

0 Likes
hash777
Shopify Partner
164 9 23

This is an accepted solution.

@Llanie Hi there, If helpful then please Like and Accept Solution.
THANKS  Nope not there. go at the bottom and you will see Assets. Click that and find file theme.css and inser there at the bottom.

 

0 Likes
Llanie
New Member
3 0 0

Thank you so much for your help!!!!!!!

0 Likes