how to tune down size of photo under featured product section on main page of mobile version

Highlighted
New Member
4 0 0

My theme is minimal. Everything looks fine on desktop version. However when I chang to mobile version, the featured product section (size of photo and the text) on main page is larger than other sections such as collection list and slideshows . 

May I know how can I tune down the size of photo and text under featured product section on main page of mobile version?

thanks a lot for your help

the site: homiemall.com

0 Likes
Shopify Partner
1891 318 403

HI @MaxHo 

Add this css in asset->theme.scss file at bottom:

.template-index .product-single__image-wrapper{  width: 80%;}

Note: when you change reduce width image section will make white space on left and right section.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
New Member
4 0 0

hello Jasoliya

 

 

0 Likes
Shopify Partner
1891 318 403

What you mean by same as desktop we have same size in mobile already. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
New Member
4 0 0

i hope the mobile version would be same as desktop version for featured product like below2019-10-18 18.36.04.png

 

but now the mobile version is like below. thanks

2019-10-18 18.38.17.png

0 Likes