[DEBUT THEME] Header padding too small

Solved
NixPlixDix
Tourist
13 0 3

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

Screenshot 2021-11-16 at 13.02.02.png

Accepted Solution (1)

Accepted Solutions
JHKCreate
Shopify Partner
2920 504 723

This is an accepted solution.

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!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
- Learn more about us: jhkcreate.com
- Satisfied with our solutions? Drop a review on Google

View solution in original post

Replies 5 (5)
JHKCreate
Shopify Partner
2920 504 723

This is an accepted solution.

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!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
- Learn more about us: jhkcreate.com
- Satisfied with our solutions? Drop a review on Google

View solution in original post

Don
Shopify Staff
1591 107 215

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?

Don | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

hawkscode
Shopify Partner
74 15 13

@NixPlixDix 

 

please  add this code in theme.css bottom

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

 



If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
- Feel free to contact me on vikash.hawkscode@gmail.com regarding any help
- Skype : vikas.hawkscode
Zworthkey
Shopify Partner
2535 301 634

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

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

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
NixPlixDix
Tourist
13 0 3

thank you kindly!