Shopify themes, liquid, logos, and UX
Hi there,
I am trying to reduce the white space above the featured collection bit (above "explore our lounge collection") how do I do this?
Website: rheakalo.com
Thanks
Solved! Go to the solution
This is an accepted solution.
Hey @RheaKalo
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.page-width.swiper-section {
margin-top: 0 !important;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @RheaKalo
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.page-width.swiper-section {
margin-top: 0 !important;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @RheaKalo
Check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
.index-section .swiper-section {
margin-top: 0;
}
And save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover 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, 2025