Can someone help center the product recommendations grid on mobile

Solved
Emurph35
Excursionist
36 0 13

Hello

 

Please can someone help me center the belo product images on the product recommendations, there appears to be too much space to the left

also I need to fit the title ‘You may also like’ into the grey background more, it appears to be touching the top. 

97370E3A-29C3-4230-919C-5DFC97C8E8DD.png

 

URL is https://now-lashes.myshopify.com/collections/say-hello-to-my-vegan-friends/products/nl-47 and password is Thoffo 

 

Thanks in advance 

Pallavi
Shopify Expert
2235 370 484

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

 

@media only screen and (max-width: 749px){
#shopify-section-product-recommendations .page-width {
    padding-left: 5px!important;
    padding-right: 28px!important;
}
}

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
dmwwebartisan
Shopify Partner
7370 1746 2334

This is an accepted solution.

@Emurph35 

1. In your Shopify Admin go to online store > themes > actions > edit code

2. Find Asset >theme.css and paste this at the bottom of the file:

@media only screen and (max-width: 749px){
#shopify-section-product-recommendations .page-width {padding-left: 0px !important;}
#shopify-section-product-recommendations .section-header {padding-top: 35px;}
}
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 →
Emurph35
Excursionist
36 0 13

 

Amazing, thank you!

dmwwebartisan
Shopify Partner
7370 1746 2334

@Emurph35 

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
Pallavi
Shopify Expert
2235 370 484

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes