REMOVE DIVIDING LINES ON COLLECTION PAGE MOBILE VIEW - ENTERPRISE THEME

Topic summary

A user seeks to remove horizontal dividing lines appearing on collection pages in the Enterprise theme, specifically on mobile view only (desktop lines were already removed).

Solutions Provided:

Two different CSS-based approaches were offered:

  1. Custom code in theme.liquid: Add CSS targeting the dividing lines above the </body> tag (specific code snippet included with before/after screenshot)

  2. CSS in main.css file: Hide the horizontal scrollbar using .os-scrollbar.os-scrollbar-horizontal { display: none; } (includes result screenshot)

Outcome:

The original poster confirmed the solution worked. The discussion then evolved into a new request about creating a swatch list display for the Enterprise theme, with a reference image provided showing the desired layout.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

Hey @apa_1

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