Reduce the blank space between product image and product description on Mobile site (Brooklyn)

Solved
Highlighted
New Member
6 0 0

Hi there, I am currently using the Shopify Brooklyn theme for my site. There's this unnecessary blank space between the product image and product description. How do i remove it or what code should i insert into which are? I would really appreciate it so so much if you could let me know as this is really making my product page look bad on mobile!

 

IMG_6021.jpg

0 Likes
Highlighted

Hello @brownjadenz,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
6 0 0
my site url is liveio.shop
Thanks!
0 Likes
Highlighted

Success.

@brownjadenz,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

@media screen and (max-width: 590px) {
 .product-single__photos {
  margin-bottom: 0;
 }
.product-single__meta {
	padding-top: 0;
}
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
New Member
6 0 0

thank you so much!

0 Likes