Hello,
I’m having a problem with a black bar displaying across the entire width of the screen at the bottom of all the pages of my Shopify store.
It seems to me that everything is correct in the theme editor because I don’t see this black bar, but on the front end, it is visible on every page.
This is annoying in the sense that the stocky add-to-cart is partially hidden by this black bar, and it’s not very aesthetically pleasing.
Thanks in advance for your help.
Toky
Hi @Toky1 ,
Go to Online Store → Themes → Customize → Theme settings → Custom CSS:
add this code
/* Remove black bar at page bottom */
.site-footer:empty,
.site-footer[style*="min-height: 50px"],
.footer__content:empty {
display: none !important;
background: none !important;
min-height: 0 !important;
}
Save and refresh preview.
Hope it works.
if you provide store url then i can give you exact solution.
Thanks
Manoj
Hello @Toky1 !
This black bar only appears when previewing a theme, it won’t appear on the live store. If you still want to get rid of it, click on the little grey bar in the centre of it to expand the menu.
After that, click on the 3 dots on the right side and select “hide bar”. This will get rid of the black bar on your current theme preview.
I hope this helps!
If my response helped you, please consider giving it a like and marking it as an accepted solution if it resolved your issue. Your feedback helps other community members with similar questions.
Regards,
Matthew from Swym
[email removed]swym
Hi, I have removed the password protection and the Black bar is still there unfortunately.
Toki
Hi @Toky1 ,
please share your store url.
Thanks
Manoj
