Debut Theme Header Whitespace

Solved
Highlighted
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.

Want to modify or custom changes on store hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Content Writer | Digital Marketing | SEO Expert | Site Optimization | Web Design | Web Development
0 Likes

Success.

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.

Want to modify or custom changes on store hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Content Writer | Digital Marketing | SEO Expert | Site Optimization | Web Design | Web Development
1 Like
Tourist
3 0 0

Actually a genius. Thanks so much

0 Likes