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

Technical Q&A
1

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
image space technical problem.jpeg1067×1600 90.9 KB

2

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?

3

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

Thank you very much.

4

@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

1 Like
5

It worked out great! Thanks for the help!