Debut Theme Header Whitespace

Solved
VintageCapital
Tourist
3 0 0

Hi i'm currently having an issue with theme css code where i had looked up a solution on the discussion forms that would remove the white border between the content on my page and the header. I ended up finding the solution with this bit of code that i placed in the bottom of my theme.scss.liquid
.main-content {
padding-top: 0px;
}
However I was under the impression that this would just effect my home page but it actually changed every page. This is not quite the effect i was after and has made everything quite squished on my other pages. I was wondering if instead of .main-content there was a homepage element where i could just edit that.

For reference my store is vintagecapital.shop

Thanks.

0 Likes

Hello 

Please share your site url.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes

This is an accepted solution.

Hello ,
Replace that code which is

.main-content {
    padding-top: 0px;
}

with this code

.template-index .main-content {
    padding-top: 0px;
}

Now only your home page having applied changes.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
VintageCapital
Tourist
3 0 0

Actually a genius. Thanks so much

0 Likes
alejandralog
New Member
2 0 0

Hi! I have the same problem and I've tried all the codes I found.
Can you please help?

For reference my store is babyinc.com.mx

Thanks.

0 Likes

Hello alejandralog,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.template-index .main-content {
    padding-top: 0px !important;
}
#shopify-section-16081312039445e297 {
    padding-top: 0px !important;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
alejandralog
New Member
2 0 0

Awesome! Thank you so much!

0 Likes
entree
New Member
2 0 0

Hi any chance you can help me please! Ive tried every single code I found online and the white border is still not going away. for reference here's my store afroabstracts.com

0 Likes
LJF
New Member
2 0 0

Thank you so Much! You are the OG!

0 Likes