How can I remove or hide the collection title button?

Technical Q&A
, , , ,

Topic summary

A user seeks to remove or hide a collection title button from their Shopify store.

Three solutions have been proposed:

Solution 1 (MastersHub):

  • Add custom CSS code to the theme.liquid file after the <head> tag
  • Access via Online Store > Themes > Edit code

Solution 2 (Jackpao):

  • Suggests the issue may be theme-specific
  • Requests clarification on which Shopify theme is being used

Solution 3 (devmont-digital):

  • Navigate to Online Store > Themes > Edit code
  • Locate the theme.scss.css file
  • Add CSS code at the end: .collections-tags.pt-4.pb-5 { display: none; }

The discussion remains open with multiple CSS-based approaches offered, though the optimal solution may depend on identifying the specific theme in use. No confirmation yet on which method resolved the issue.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

I would like to remove collection title button, How can i do this? please help

Fayed_0-1709034272074.png
Fayed_0-1709034272074.png1340×238 14.2 KB

URL> https://ayabaya.be/collections/all

2

Please add this code to your theme.liquid file, after element in Online Store > Themes > Edit code.
3

which shopify theme do you used? It looks related with your theme

4

Hi @Fayed ,

To hide the button, please follow these steps:

Step 1: Navigate to Online Store → Themes → Edit code.

Step 2: Search for the theme.scss.css file. At the end of the file, paste the following code:

.collections-tags.pt-4.pb-5 {
    display: none;
}