I would like to get rid of this ugly padding, it makes my website look super ugly and unprofessional. It is a visual eye sore. Please help. I am going for something similar to https://www.balenciaga.com/en-us for the mobile look and desktop. https://lobonewyork.com/ is my website
Topic summary
A user seeks to remove white padding from their mobile Debut theme, finding it unprofessional compared to reference sites like Balenciaga. They share screenshots showing the unwanted spacing on mobile and desktop views.
Solutions Provided:
Two CSS-based approaches were offered:
-
PageFly-Victor’s method: Add custom CSS to
theme.csstargeting slideshow sections with media queries for mobile devices, removing padding and margins using!importantdeclarations. -
GemPages’ approach: Insert CSS code directly into the
theme.liquidfile before the closing</body>tag.
Outcome:
The original poster confirmed that PageFly-Victor’s solution worked exactly as needed and found GemPages’ solution adequate as well. Both support teams received thanks for their assistance. The issue appears resolved with the padding successfully removed from the mobile view.
Hi @Chewie,
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
- Go to Online Store->Theme->Edit code
- Asset-> theme.css
- Paste the below code at the bottom of the file.
@media(max-width:767px){
.index-section–slideshow{
padding-bottom:0px !important
}
.index-section–slideshow~div{
margin-top:0 !important;
padding-top:0 !important;
}
.slideshow__text-wrap.slideshow__text-wrap–mobile{
display:none !important
}
.index-section–slideshow .slideshow-wrapper .slideshow__btn-wrapper a{
display:block !important;
margin:auto !important;
width:200px !important
}
.index-section–slideshow .slideshow-wrapper .slideshow__text-wrap–desktop .slideshow__text-content{ top:80% !important }
}
Hope my solution works perfectly for you!
Regards,
Victor | PageFly
1 Like
Hello @gihan7575
I would like to give you a solution to support you
- Go to Online Store → Theme → Edit code:
-
Open your theme.liquid theme file
-
Paste the below code before :
I tried and this is the result:
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Thank you! this is exactly what i wanted. Appreciate it, Victor
This is an adequate solution, thank you!
I am glad that my solution is helpful to you 
.