How to hide the Collection Title on frontpage :: Beyond Theme

Solved

How to hide the Collection Title on frontpage :: Beyond Theme

AMP76
Tourist
4 0 1

Hello! I am trying to hide the collection title on my frontpage, only leaving it with the images of the featured collection. Can someone help please?

Captura de Tela 2024-09-19 às 14.20.35.png

Accepted Solution (1)
Moeed
Shopify Partner
5501 1488 1780

This is an accepted solution.

Hey @AMP76 

 

Keep the previous code and add this new code above </style> in the end of theme.liquid file.

.featured-collection--root {
    padding-top: 0 !important;
}

RESULT:

Moeed_0-1726769934692.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 8 (8)

Moeed
Shopify Partner
5501 1488 1780

Hey @AMP76 

 

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

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


AMP76
Tourist
4 0 1

Hello, thanks for the support! page is espiritonomade.com password wheush

Moeed
Shopify Partner
5501 1488 1780

Hey @AMP76 

 

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 </body> tag

<style>
h2.featured-collection--title {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1726769099597.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


AMP76
Tourist
4 0 1

Thank you so much, it worked. But it left a quite big space between the header and the featured collection, can you help me make it smaller please?

Captura de Tela 2024-09-19 às 15.13.29.png

Moeed
Shopify Partner
5501 1488 1780

This is an accepted solution.

Hey @AMP76 

 

Keep the previous code and add this new code above </style> in the end of theme.liquid file.

.featured-collection--root {
    padding-top: 0 !important;
}

RESULT:

Moeed_0-1726769934692.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


BSSCommerce-B2B
Shopify Partner
1752 535 594

@AMP76 ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </head> on theme.liquid

<style>
.collection-list-title {
   display: none!important;
}
</style>

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

AMP76
Tourist
4 0 1

thanks for the reply

 

it didn't work 😞

Debular
Excursionist
38 3 3

Please try this code

.featured-collection--header{
display:none!important;
}