How to reduce the space between the Product Picture and Product Title (On Product Page & Mobile)

New Member
3 0 0



I am currently using Brooklyn theme (not sure if that matters). I want to reduce the white space between the Product Picture and the Product Title (On Product Page & Mobile Browsing). Any ideas on how to reduce this space?



Hello @taekcool ,

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

@media screen and (max-width: 590px) {
.product-single__meta {
	padding-top: 0 !important;
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
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
3 0 0

Amazing. Worked like a charm! Thanks for the magic!!

Shopify Expert
665 170 199

Hi, @taekcool ,

This is Evita from On The Map.


Can you add your store URL?


Best, Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!