Get rid of Collection Title below Collection Banner Image

[jjacquelineftk]

Hi! I am trying to get rid of the collection titles on their designated pages to just have the collection banners that i will be uploading. 

Here is an example of what i'm referring to:

The Shopify theme that we are currently using is Vantage. TY!

[Jack_Khan_Baba]

please share the url along with the details

[jjacquelineftk]

URL:https://www.favorthekind.com/collections/teacher-appreciation

I want to display a banner at the top of this and other collection pages. I would like to replace the text that says the name of the collection page as well... i.e "Teacher Appreciation".

I also want to make sure that the banner looks good with desktop and mobile version. 

[BSSCommerce-B2B]

Hi @jjacquelineftk 

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[BSSCommerce-B2B]

Hi @jjacquelineftk,

You can follow these steps: 

Step 1: Go to Online store -> Themes -> Edit code

Step 2: Search for file "theme.liquid"

Step 3: Copy and paste this code above tag </head> -> Click Save

 

    {% if request.path contains 'collections/teacher-appreciation' %}
      <style>
        .collection-description h1 {
          visibility: hidden !important;
        }
      
      #CollectionProductGrid > div > .collection-description {
          background-repeat: no-repeat !important;
          background-size: cover !important;
          background-image: url("https://res.cloudinary.com/dzlovjzfj/image/upload/v1715076134/Screen_Shot_2024-05-03_at_4.16.39_PM_srlvts.png") !important;
          height: 400px !important;
      }
      </style>
    {% endif %}

Result:

 

[jjacquelineftk]

Thank you - but i'm looking for something that will help with any/all collection pages i make moving forward. The theme i have now lets me have a collection banner but it is only good for desktop. I would like to have an option to place a mobile version of the banner as well. Maybe adding the image to a metafield would be best?