Space between the header and section

Highlighted
Tourist
4 0 1

Hello my website is pridesow.com, password:baiphu 

I've got a problem that there is space between the header and the image, I've tried different methods but nothing seems to work. I'd like to be NO space between at all. I have sticky header so maybe this is the problem? I also have pagefly but I've edited the top padding in the section to 0. Thank you in advance for your help! :) 

0 Likes
Highlighted
Shopify Expert
643 44 140

You have 2 elements contributing top padding:

 

padding 1.jpgpadding 2.jpg

 

You can use Chrome Dev Tools (or other browser equivalent) to inspect the elements, adjust / test the CSS, then when you're satisfied how it looks update the actual CSS file in your theme.

Founder of Speed Boostr (Shopify optimization and dev agency).
Creator of Theme Scientist (A/B testing app).
Creator of Order Automator (app that auto tags + fulfills orders, send emails).
Creator of Tip Jar (add a tip button to your store).
Creator of Shopify Analyzer (free performance analysis tool).
I also build custom apps and automated solutions.
Enjoy the adventure!
1 Like
Shopify Expert
1381 111 194

Hi @,
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.css->paste bellow code in bottom of file
@media only screen and (min-width: 750px){
.template-index .main-content {
padding-top: 30px !important;
}
}

2 Likes
Highlighted
Tourist
4 0 1

Thank you so much, it worked perfectly! However, its not working on mobile- should I just reduce the minimal width? or its going to cause some trouble?

0 Likes