Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
This is an accepted solution.
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;}
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.
This is an accepted solution.
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
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!
This is an accepted solution.
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;}
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.
Thank you!! It worked!
it's my pleasure to help us
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!
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!
Yes, it's here:
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>
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.
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.
Unfortunately, It does not work and brokes the site's header and footer.
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
Looking forward to hearing from you!
Hey, I just approved the request.
This is an accepted solution.
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
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!
Yes, it works now! Thanks!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024