Motion Theme - Remove Collection Titles on Collection page

Shopify Discussion
1

Hi - I am using video heros for my collection titles. However - right now just underneath my video hero, the collection title shows which is redundant. How do I prevent the collection title from showing on the collection page?

2

@projectsbydel Please follow below steps to remove the collection title from the collection page. Let us know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes”.
  2. Click “Edit code” button from the current theme.
  3. Go to “normalize.css” file and paste below code at the bottom of the file.
.collection-hero__content .section-header__title {
    display: none !important;
}

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

3

what folder is that file?

4

Hi @projectsbydel , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

5

@projectsbydel You can find it under assets folder. Please let us know if it is useful.

6

Hi @projectsbydel ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your base.css file
  3. Paste the given code at the bottom in the base.css file
.collection-header .page-title {
    display: none; 
}

Savs Changes.

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

7

not seeing a file with that name nor is it coming up in search. sorry

8

what folder?

9

If you do not see the base.css file, follow these steps to add the code:

  1. Go to Online Store → Themes → Edit Code.
  2. Open your theme.liquid file.
  3. In theme.liquid, paste the code below before the tag.
​

Thanks!

10

@projectsbydel Can you please try below way?

  1. From admin, go to “Online Store” → “Themes”.

  2. Click “Customize” button from the current theme.

  3. Then select settings tab.

Vinsinfo_1-1729770556884.png
Vinsinfo_1-1729770556884.png361×561 16 KB

  1. Scroll and find the “Custom CSS” field and paste the code in it like in the below screenshot.
.collection-hero__content .section-header__title {
    display: none !important;
}

Vinsinfo_0-1729770455760.png
Vinsinfo_0-1729770455760.png343×584 16.3 KB

Please let us know whether it is useful for you. If it doesn’t help you, please share your store URL to share the exact solution.

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

11

unfortunately these solutions are not working but thanks for offering.

12

Found a solution on YouTube @OnHowGuy

Access theme customizer then click on the featured collection title or the whole featured collection title and click on custom css code from the right panel and paste in this code : h1 { display: none; }