How to increase product image size in turbo theme

Jack134
Excursionist
35 0 5

 

My store is senshistore.com 

On the mobile version there is so much unused white space on my home page/collection page/product page. Does anyone know how to largen the images so i can make full use of the space?

0 Likes
renus
Shopify Partner
162 14 24

add 1 product per row on mobile version

@media(max-width:768){
.container .thumbnail.even, .container .thumbnail.odd {
    width: 100%;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
0 Likes
Jack134
Excursionist
35 0 5

The minimum it allows me to set is 2 products per row. What does the code you provided do? and where do I put it? Apologies i do not have any background in coding

0 Likes
renus
Shopify Partner
162 14 24

you have to add this code in css file you will get on assets folder

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
0 Likes
Jack134
Excursionist
35 0 5

There are many sub categories under assets. Which one?Capture.PNG

0 Likes
renus
Shopify Partner
162 14 24

styles.scss.liquid

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
0 Likes
renus
Shopify Partner
162 14 24

or you can create new css here click on add new--- mycss.css

Place below code on header.liquid on before </head> close

{{ 'mycss.css' | asset_url | stylesheet_tag }}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
0 Likes
Jack134
Excursionist
35 0 5

Where exactly in the style.scss code do i put the code you provided?

0 Likes
renus
Shopify Partner
162 14 24

anywhere on this white add

@media only screen and (max-width: 768px){
.container .thumbnail.even, .container .thumbnail.odd {
    width: 100% !important;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
0 Likes
Jack134
Excursionist
35 0 5

I did it but now the products are misaligned. You can see it on my site

0 Likes