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

[hugon789]

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!

[Michal17]

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?

[hugon789]

Page URL: https://fxpopup.com/products/eva-production-unit-01-backpack

Thank you very much.

[diego_ezfy · 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

[hugon789]

It worked out great! Thanks for the help!