Help: Removing blank space after header on landing page only - debut theme

Solved
Highlighted
New Member
3 0 1

Hi there,

 

I've asked before on how to remove a blank space following the website header, and was given the following code:

div#PageContainer { padding-top: 5!important; }

 

Problem is, it removed the margins from ALL pages on my website.

 

Is there a way to remove the white margin ONLY from the landing page? If it helps, I'm using shogun to design my landing page.

 

website: www.eatproteina.com

 

Thank you!

Alex

 

 

1 Like
Highlighted
Shopify Partner
4776 708 1508

This is an accepted solution.

@AHuras 

Thanks for post.

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

div#PageContainer {
    padding-top: 40px !important;
}
.template-index div#PageContainer {
    padding-top: 0px !important;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted

Hello @AHuras 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.template-index div#PageContainer {
	padding-top: 0 !important;
}

Hope this will work for you.
Thanks!

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
5 0 1

Hi! 

If you're using a layout that includes your theme's styling, it's possible that you see some space or a 'gap' between your header and where your content starts. This space is actually a part of your theme's layout.

The following steps can be taken to close that spacing:

1. Click the first element on the page (i.e. a Section or Image)

2. Look for the Margins setting in the Settings section of the right sidebar

3. Disable the "linked axis" option

4. Set a negative margin on the top (i.e. -50px)

You can dive a little further into this super helpful guide Shogun created as well. 

Let me know if this is helpful!

0 Likes