Debut Theme Issue, Fix Large Gap Above Slideshow, Large Gap Below Header Menus

Solved
PINKSWEETHEART
Tourist
3 0 2

I am using the free Debut theme. I have designed this theme twice from scratch just to see if the issue happened again…and it did. There is a large gap under the header menus/gap above the slideshow. I haven’t touched the coding or anything else that may have caused it to do this. It seems to be a common issue with this theme, trying to get the padding just right. How can I fix this?

0 Likes

@PINKSWEETHEART 

Sorry you are facing this issue, it would be my pleasure to help you.

Please share your site URL,
I will check out the issue and provide you a solution here.

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution
0 Likes
dmwwebartisan
Shopify Partner
6550 1521 1990

@PINKSWEETHEART 

Please share your Webshop URL,
I will check out the issue and provide you a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
PINKSWEETHEART
Tourist
3 0 2

@PINKSWEETHEART Okay i will check and send css here.

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution
0 Likes
dmwwebartisan
Shopify Partner
6550 1521 1990

@PINKSWEETHEART 

Right mouse click not working on your site . how to check your site?

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes

@PINKSWEETHEART 

Please add css code file theme.css

.template-index .main-content {
padding-top: 0px;
}
#shopify-section-1619409982e3472c3b {
padding-top: 0px;
}

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution

This is an accepted solution.

@PINKSWEETHEART 

yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.template-index .main-content {
padding-top: 0px;
}
#shopify-section-1619409982e3472c3b {
padding-top: 0px;
}

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution
dmwwebartisan
Shopify Partner
6550 1521 1990

@PINKSWEETHEART 

Please add code assets/theme.css bottom of the file.

@media only screen and (max-width: 749px){
.template-index .main-content {padding-top: 0px;}
#shopify-section-1619409982e3472c3b {padding-top: 0px;}
}

@media only screen and (min-width: 750px){
.template-index .main-content {padding-top: 0px;}
#shopify-section-1619409982e3472c3b {padding-top: 0px;}
}

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes