Removing White Space Under Header In Debut Theme Across All Pages

Solved
TheDogExplained
Excursionist
11 0 4

Hi There, 

Can somebody tell me how to remove the white space under the header section?

I tried adding this at the bottom of my assets/theme.scss.liquid file

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

But it didn't work. Please help. I am using the Debut theme and the Gempages app.

website: https://thedogexplained.com/

Thanks!

hero space.jpg

KetanKumar
Shopify Partner
20608 2134 7800

This is an accepted solution.

@TheDogExplained 

sorry for that issue can you please add this code

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

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

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
GemPages_Agents
Shopify Partner
43 9 32

This is an accepted solution.

Hi @TheDogExplained & @KetanKumar. Besides the @KetanKumar's solution, I would like to share another way to solve this here:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.liquid->paste the code below before </body> tag 

<style>
.gemapp .main-content {padding-top: 0!important;}
</style>

 

For further assistance, please don't hesitate to contact us via email ( support@gempages.help ) or live chat, our support team will be happy to support you.

 

If you find my reply helpful, please hit Like and Mark as Solution
Join the waitlist to enjoy exclusive offers once we're back on Shopify at https://gmpg.link/reborn
Get connected: Website | Youtube | Community | Partners | Help Center
TheDogExplained
Excursionist
11 0 4

Thank you!! It worked!

KetanKumar
Shopify Partner
20608 2134 7800

@TheDogExplained 

it's my pleasure to help us

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
TheDogExplained
Excursionist
11 0 4

Hi again, maybe you could tell me how I could remove the white space between the footer and the content as well?

Also, I noticed that pages like cart, product collections, all the legal pages do not have space between the header/footer and the content. Is there any way I could have space on these default Shopify pages without adding the space on pages I created with Gempage? Thanks!

0 Likes
GemPages_Agents
Shopify Partner
43 9 32

Hi @TheDogExplained,

Could you share with us the screenshot of the white space section between the footer and the content that you want to remove? We will see how we can help you then.

Thanks!

If you find my reply helpful, please hit Like and Mark as Solution
Join the waitlist to enjoy exclusive offers once we're back on Shopify at https://gmpg.link/reborn
Get connected: Website | Youtube | Community | Partners | Help Center
0 Likes
TheDogExplained
Excursionist
11 0 4

Yes, it's here:Screen Shot 2021-07-03 at 14.37.13.png

0 Likes
GemPages_Agents
Shopify Partner
43 9 32

Hi @TheDogExplained,

Please follow these steps below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.liquid->paste the code below before </body> tag:

<style>
.gemapp .site-footer {margin-top: 0!important;}
</style>
If you find my reply helpful, please hit Like and Mark as Solution
Join the waitlist to enjoy exclusive offers once we're back on Shopify at https://gmpg.link/reborn
Get connected: Website | Youtube | Community | Partners | Help Center
0 Likes
TheDogExplained
Excursionist
11 0 4

It didn't work. Is there any other code for the space between the footer? And is there any other way to remove space between the header and the content only on pages created with gempage? Because right now the space between the header and the content is gone on all of my pages, like cart, and the legal pages and I do not want that. 

0 Likes