Help with a Sticky Header issue in Debut Theme

Solved
DudeRanchCo
Tourist
4 0 1

Hello!

I used a code or two to get a sticky header, which worked great, but on my products pages, there is a large gap between the header and the following content.

 

Is there a way to fix this

 

https://dude-ranch.co/collections/fall-harvest-2021/products/malus

Accepted Solution (1)

Accepted Solutions
BriskDevelopers
Shopify Expert
116 11 20

This is an accepted solution.

You can add the below CSS code in your theme.scss file for fix this issue,

@media only screen and (min-width: 750px) {
.template-product .main-content {
    padding-top:0px;
}
}

 

Regards,
Jay

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers

View solution in original post

Replies 3 (3)
BriskDevelopers
Shopify Expert
116 11 20

This is an accepted solution.

You can add the below CSS code in your theme.scss file for fix this issue,

@media only screen and (min-width: 750px) {
.template-product .main-content {
    padding-top:0px;
}
}

 

Regards,
Jay

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers

View solution in original post

DudeRanchCo
Tourist
4 0 1

Wow, thanks for the speedy reply and the help, Jay.

It worked!

All the best!

BriskDevelopers
Shopify Expert
116 11 20

Welcome! @DudeRanchCo 

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers