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

Solved
hugon789
Excursionist
19 0 5

Hi there, I am currently using the Shopify Brooklyn theme for my site. There's this unnecessary blank space between the inserted 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!

image space technical problem.jpeg

 

0 Likes
Michal17
Shopify Partner
820 73 143

Hi @hugon789 
Sincerely hope you're having a great day!
I've read your problem and, before providing a solution, would like to analyze your website. Then, I will provide a solution to you up here - on the forum.
Could you share your website URL? And if your website is password protected, then also provide a password?

0 Likes
hugon789
Excursionist
19 0 5

This is an accepted solution.

@hugon789, do this to fix it in 20 seconds:

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

 

.product-single__description h4{
    margin-top: 5px !important;
    margin-bottom: 0px !important;
}

 


Please let me know whether it works.

Kind regards,
Diego

◦ Slideshow section not looking good? Try the Slideshow (PRO) section. No apps required.
◦ Product page images slider for free themes (w/ 20+ customization options): Minimal | Debut | Brooklyn | Supply
◦ If my answer helps you please click on like and Accept as solution!
hugon789
Excursionist
19 0 5

It worked out great! Thanks for the help!

0 Likes