Padding on Product Pages Brooklyn Theme

Solved
Highlighted
Tourist
10 0 3

Hi

 

I need some help! I'm trying to reduce the padding at the top of my product pages - right now theres a whole lot of white space. 

 

Any advice is greatly appreciated

 

Here is a link to one of my product pages as an example:

https://browseco.co.uk/collections/new-collection/products/the-peewee-collar-bow-lead

 

Thanks :) 

0 Likes
Highlighted

Hello @CJCarter,

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

.template-product .main-content {
    padding-top: 0 !important;
}
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 Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
10 0 3
Perfect, thanks for your help!

I’ve come across another small padding issue. I’d like to move the product description closer to the image on mobile only as there is currently a huge gap. Could you help?

Thanks 😊
0 Likes
Highlighted

Success.

Hello @CJCarter,

Please add below css

@media only screen and (max-width: 590px){
.product-single__description {
    margin-top: 0;
}
}

If my solution works then please like and accept the 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 Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes