Shopify themes, liquid, logos, and UX
Looking at my website there seems to be some white space above the announcement bar for some reason.
I have looked at solutions but none have worked.
Thank you in advance
Solved! Go to the solution
This is an accepted solution.
Hi @Fabian_weldon, problem comes from this css line:
.template-index .index-sections .shopify-section {
margin-top: 50px !important;
}
I believe this is custom code added to timber.scss.liquid to make the margin between sections in the homepage smaller.
Problem is that this is adding a margin to the first section, and therefore the white-space
I think that if you remove the !important from the css line you will fix the white-space issue and also maintain your current margin between section. The proper code would be:
.template-index .index-sections .shopify-section {
margin-top: 50px;
}
This is an accepted solution.
Hi @Fabian_weldon, problem comes from this css line:
.template-index .index-sections .shopify-section {
margin-top: 50px !important;
}
I believe this is custom code added to timber.scss.liquid to make the margin between sections in the homepage smaller.
Problem is that this is adding a margin to the first section, and therefore the white-space
I think that if you remove the !important from the css line you will fix the white-space issue and also maintain your current margin between section. The proper code would be:
.template-index .index-sections .shopify-section {
margin-top: 50px;
}
Just for reference, I see that you added this code after being suggested here https://community.shopify.com/c/Shopify-Design/remove-padding-from-custom-html/m-p/1029947#M260119
that worked perfectly. thank you so much for your help
Hi -- Can you help me with my page? I seem to be having a similar issue. A white bar above the announcement banner. Nothing else has worked. www.minershop.com
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