How to remove Collection title from Collection Banner [reformation theme]

Shopify Plus

Topic summary

Goal: Remove the collection title from the collection banner in the Reformation theme while keeping breadcrumbs visible.

What was done:

  • Store URL was shared to diagnose. A CSS fix in assets/app.css was applied to hide the title/content within the banner:
    • Hide selectors: .section-header–content h2 and .section-header–content .rte (display: none !important), which removed the collection title and kept breadcrumbs.
  • Follow-up issue: Excess white space in the collection banner. After confirming the correct draft/page link, a second CSS tweak was added in assets/collection-banner.css:
    • .collection-banner { min-height: 20px !important; } to reduce banner height.

Notes:

  • An earlier suggestion to add code in theme.liquid was provided but no actual code snippet was shared; the working solution used CSS only.
  • Images were shared to illustrate before/after but weren’t required to implement the fixes.

Outcome:

  • Title successfully removed and banner white space minimized.
  • Issue resolved; no outstanding questions.
Summarized with AI on December 20. AI used: gpt-5.
1

SarahHalim_0-1725259091465.png
SarahHalim_0-1725259091465.png1911Ă—646 107 KB

How do i remove the Collection title in page? I need to unhide the collection banner to remains the breadcrumbs.

2

Hey @SarahHalim

Share your Store URL and Password if enabled.

Best Regards,

Moeed

3

https://msreadshop.com/

1 Like
4

Hey @SarahHalim

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

Hello @SarahHalim

Go to online store ----> themes ----> actions ----> edit code ---->assets ----> app.css
add this code at the end of the file.

.section-header--content h2, .section-header--content .rte {
display: none !important;
}

result

3.png
3.png1891Ă—287 175 KB

If this was helpful, hit the like button and accept the solution.
Thanks

6

This resolved my issue! Thanks

1 Like
7

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

8

Do you know how to minimize the white space?

SarahHalim_0-1725262316238.png
SarahHalim_0-1725262316238.png1900Ă—633 44.2 KB

9

please provide link of this page

10

https://msreadshop.com/collections/malaysia-day-bonus

11

Doesn’t show any white space

5.png
5.png1920Ă—919 154 KB

12

sorry was in another theme draft. Can you retry?

13

provide link

14

this is the link https://msreadshop.com/collections/malaysia-day-bonus

Thanks

15

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->collection-banner.css
add this code at the end of the file.

.collection-banner {
min-height: 20px !important;
}

result

7.png
7.png1153Ă—418 19.2 KB

If this was helpful, hit the like button and accept the solution.
Thanks

16

very helpful! thanks so much

17

Thanks
Please hit the like button also.