All things Shopify and commerce
Hi! I'm trying to figure out how to remove a gap on my websites home page, between the header and slideshow section. This is only a problem on mobile view, its also not a padding issue.
I'm using the broadcast "clean" theme, which was uploaded not installed - I had a graphic designer set up the site but I'm no longer working with them, plus they did not know how to fix the issue.
I noticed the theme files were modified (code was either added or removed) but I don't know much about that to change anything myself! Any help would be appreciated! My website is www.sorellaofficial.com
Hey @sorellallc I found a code that cause this issue.
Please tell your Developer who work on your Store to remove styling from header section in theme file. As shown in image the whole styling need to remove.
When you remove this styling then the result will be:
No you can see there is no space betwwen Hero section and header.
If you need more help then you can reach out to me.
Thanks
Hello @sorellallc
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.
@media only screen and (max-width: 749px) {
.header__backfill {
height: 0px !imporetant;
}
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.header__backfill {
height: 0px !important;
}
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025