Shopify themes, liquid, logos, and UX
I would like to remove the white space between sections on my home page. I have highlighted the white spaces I am talking about. Any help would be greatly appreciated. Thank you!
Solved! Go to the solution
This is an accepted solution.
Hi @pickemparts
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>
<style>
#shopify-section-template--16842440638627__dynamic_html_Y8aqTd section.custom-html--container {
margin-top: 0px;
}
#shopify-section-template--16842440638627__dynamic_html_Y8aqTd section.custom-html--container h1 {
margin-bottom: 0px;
}
#shopify-section-template--16842440638627__dynamic_logo_list_biQcnw h2.home-section--title {
margin-top: 1rem;
}
</style>
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
This is an accepted solution.
Hi @pickemparts
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>
<style>
#shopify-section-template--16842440638627__dynamic_html_Y8aqTd section.custom-html--container {
margin-top: 0px;
}
#shopify-section-template--16842440638627__dynamic_html_Y8aqTd section.custom-html--container h1 {
margin-bottom: 0px;
}
#shopify-section-template--16842440638627__dynamic_logo_list_biQcnw h2.home-section--title {
margin-top: 1rem;
}
</style>
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Thank you!
this isn't working for me unfortunately. any other way to make the white space smaller/ nonexistent?
Hi,
Can you provide me link to your store?
Hi! it's https://terraintek.com
more specifically, I want to remove the white space at the most top of the screen (above the header) and the white space between the header and section 1. TIA
Hi @jumping_bear11 ,
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>
<style>
@media screen and (min-width: 1080px) {
#shopify-section-template--17375195758763__dynamic_slideshow_xFiz4d .slideshow {
margin-top: 0rem;
}
}
</style>
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025