Shopify themes, liquid, logos, and UX
Hi all,
I'm using the Debut theme and I'm having trouble removing the white space around one custom content section on mobile view only(see below)
My store is https://sovery.store/
Can anyone assist? Thanks!
Solved! Go to the solution
This is an accepted solution.
Great! Depending on which devices you'd like to remove it for add the following to the bottom of the theme.scss file.
Mobile Only:
.template-index .main-content{
@include media-query($small){
padding-top: 0;
}
}
For Mobile and Desktop
.template-index .main-content{
padding-top: 0;
}
Thanks,
Kyle
Hi allyhendrick,
.no-mobile-padding{
@include media-query($small){
padding: 0 !important;
}
}
Thank you so much, that fixed the sides!
Do you have any advice on how to remove the space below my nav menu above the first section? (I don't want to remove the space between all sections- there is more custom content below)
This is an accepted solution.
Great! Depending on which devices you'd like to remove it for add the following to the bottom of the theme.scss file.
Mobile Only:
.template-index .main-content{
@include media-query($small){
padding-top: 0;
}
}
For Mobile and Desktop
.template-index .main-content{
padding-top: 0;
}
Thanks,
Kyle
Perfect! Worked like a charm. Thanks again!
It is a great solution. Can you help me remove space between mobile number from shipping address. It is like 12345 67890 but I need to make it 1234567890. Please if someone can help.
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