How to remove Collection Title in STREAMLINE theme

Store Design
, ,

Topic summary

Goal: Hide the collection page title in the Streamline Shopify theme to use a banner instead (example URL provided).

Proposed CSS-based solutions (edit via Online Store > Theme > Edit code):

  • Add to a stylesheet (base.css/theme.css/styles.css/theme.scss.liquid): “.grid-product__meta { display: none !important; }”. Note: this targets product meta info, not specifically the collection title.
  • Theme-specific selector to remove the hero title: “.collection-hero__content .hero__text-shadow { display: none !important; }”. A before/after image was provided to show the title removal result.
  • Inline style in theme.liquid (place before ): “.section-header__title { display: none !important; }” to hide section headers that include the collection title.

Notes:

  • All suggestions rely on CSS (Cascading Style Sheets) to hide the title; selector choice affects scope (title only vs. other elements).
  • Images were included to confirm which title is targeted and demonstrate the outcome.

Status: No confirmation from the original poster; resolution not verified and the discussion appears open.

Summarized with AI on December 28. AI used: gpt-5.
4

Hi @kbaxter88

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag → save.

PageFlyHenry_0-1716855307881.png
PageFlyHenry_0-1716855307881.png1365×651 47.6 KB

.section-header__title { display: none !important; }

Hope that my solution works for you.

Best regards,

Henry | PageFly