How can I adjust the header padding in my Debut theme store?

Help! My stores header section in covering most product headings etc.

What to do? I did mae changes to amke a sticky header.

store: nordgrinders.com

1 Like

Hi @NixPlixDix

Add the following code at the end of your theme.css file:

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

Let us know if that works for you!

1 Like

Hi there @NixPlixDix !

If you’re just looking to undo some recent changes you have made to your theme’s .liquid files, you can see how to revert such changes here on our help site.

Should you wish to start afresh with a new copy of the Debut theme, you can download a copy of any of our free themes from our theme store at any time.

As you’re using a free Shopify theme here, if you’re also on a paid plan you would be able to get support for this theme from us here in Shopify.

Check out some of the approved customisations for the Debut theme here.

Are you selling construction equipment generally, or hearing protection specifically?

Can you tell me a bit more about your business?

@NixPlixDix

please add this code in theme.css bottom

.product-single__meta { padding-top: 50px;}

Hii, @NixPlixDix
Paste this code on top of the theme.scss file.

div#shopify-section-product-template {
    margin-top: 50px !important;
}

Thank You.

thank you kindly!

1 Like