Solved

Removing White Space Under Header In Debut Theme Across All Pages

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

Accepted Solutions (3)

KetanKumar
Shopify Partner
36839 3635 11972

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

View solution in original post

GemPages
Shopify Partner
5588 1261 1203

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.

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

Hi @TheDogExplained 

Thank you for approval!

We have added the custom code sent earlier to theme.liquid file to fix the spacing for pages created in Gempages. Here is a screenshot of the codes

Header,Footer spacing codes.png

Kindly check on your end and let me know if it works for you.

If you need further support, feel free to contact us via email (support@gempages.help) or live chat.

Thanks!

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 15 (15)

KetanKumar
Shopify Partner
36839 3635 11972

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
Shopify Partner
5588 1261 1203

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.

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
TheDogExplained
Excursionist
11 0 4

Thank you!! It worked!

KetanKumar
Shopify Partner
36839 3635 11972

@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
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!

GemPages
Shopify Partner
5588 1261 1203

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!

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
TheDogExplained
Excursionist
11 0 4

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

GemPages
Shopify Partner
5588 1261 1203

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>

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
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. 

GemPages
Shopify Partner
5588 1261 1203

Hi @TheDogExplained ,

please use this code for remove the space on both of header & footer, and it will only work for the pages that created by GemPages.

<style>
.gemapp .main-content {padding-top: 0!important;}
.gemapp .site-footer {margin-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.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
TheDogExplained
Excursionist
11 0 4

Unfortunately, It does not work and brokes the site's header and footer.

GemPages
Shopify Partner
5588 1261 1203

Hi @TheDogExplained,

GemPages team has sent the collaborator request to access on your store to support you better. Please let me know when approving our request, our team will help you solve this inquiry.

Here's how you can find it: from your Shopify dashboard, you click on Settings at the bottom left corner, choose Plan and Permissions and check on the Collaborator request section

GemPages_Agents_1-1625534891498.png

Looking forward to hearing from you!

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
TheDogExplained
Excursionist
11 0 4

Hey, I just approved the request. 

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

Hi @TheDogExplained 

Thank you for approval!

We have added the custom code sent earlier to theme.liquid file to fix the spacing for pages created in Gempages. Here is a screenshot of the codes

Header,Footer spacing codes.png

Kindly check on your end and let me know if it works for you.

If you need further support, feel free to contact us via email (support@gempages.help) or live chat.

Thanks!

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
TheDogExplained
Excursionist
11 0 4

Yes, it works now! Thanks!