When I have a divider between a two section showcase that only shows up in the mobile view, a tiny white line can be seen at the top of the showcase in desktop view. Any idea why this is happening or how this can be fixed?
Topic summary
Issue: A tiny white line appears at the top of a two‑section showcase in desktop view when a divider placed between the sections is configured to show only on mobile.
Details:
- The divider is intended for mobile-only display, yet a faint white line is visible in desktop view at the showcase’s top edge.
- The user is asking why this happens and how to fix it, likely involving CSS.
Evidence:
- Two screenshots are provided illustrating the visual glitch; no code snippets are included. The images are central to understanding the issue.
Status:
- No solutions or follow-up responses are present.
- The question remains open with the cause and fix still unknown.
This is padding in divider section and it seems to be the same mobile/desktop.
You can try this in “Custom CSS” – will turn it into a hairline:
.divider {
--padding-block-start: 0 !important;
}
Updated the code – sorry, the copy/paste went wrong 
and I did not re-read it …
1 Like
@ABdev1 can you please share your website page link?
1 Like
Yes it is www.autobongs.com
1 Like
@ABdev1 can you please activate right click?
1 Like
Yes go ahead let me know when you’ve finished.
@ABdev1 add this css to the end of your base.css file and check
@media screen and (min-width:750px){
div#shopify-section-template--18634062790735__divider_gaFMLp {
display: none; visibility: hidden;}
}
1 Like