Shopify themes, liquid, logos, and UX
How to remove/set insivible the bottom lines on each page please?
Hey @IIIISEIIII
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
If you’re seeing bottom lines on each page of your Shopify store (like borders or dividers), those are usually added via your theme’s CSS.
Here’s a simple way to remove or hide them:
1. Go to Online Store > Themes in your Shopify admin.
2. Click Actions > Edit code next to your current theme.
3. In the Assets folder, look for your main CSS file—usually named something like theme.css.liquid, styles.css.liquid, or base.css.
4. Scroll to the bottom of that file and paste this code:
/* Hide bottom lines or borders */
header, footer, section, .page-container, .main-content {
border-bottom: none !important;
box-shadow: none !important;
}
/* Hide horizontal lines if they use <hr> tags */
hr {
display: none !important;
}
5. Save the changes and refresh your store to see if the lines are gone!
Hello there @IIIISEIIII
You can try this code for the bottom line: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
@media screen and (max-width: 750px){ footer.footer.color-background-1.gradient.section-footer-padding { border-top: none !important; } }
Let me know if you still need help afterwards!
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn 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, 2025