How can I remove the banner heading in the Dawn theme?

Store Design
,

Topic summary

A user seeks to modify the Dawn theme’s collection banner by centering it and removing the heading text. The issue involves a collection banner that appears on the left side, which the user finds visually unappealing.

Key Challenge:

  • Using the default collection banner section means changes affect all collections
  • User wants either to remove the heading entirely or center it along with the banner image

Proposed Solutions:

  1. Section Swap Approach: Replace “Image with text” section with “Image banner” section, then remove text and button blocks from the bottom of each block to center the image without text.

  2. CSS Code Solutions: Two support teams (GemPages and MandasaTech) offered custom CSS code to be added to the theme.liquid file before the </body> tag. The code targets .collection-hero__ classes to hide text wrappers and adjust image container properties.

Multiple respondents requested the store URL and password to provide tailored solutions, which the user provided (onlinetrap-minimalist.myshopify.com).

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

I am trying to place the banner in the middle and remove the banner heading using the DAWN theme, does anyone have a solution for this?

Screenshot 2022-12-18 at 18.03.15.png
Screenshot 2022-12-18 at 18.03.15.png1249×611 117 KB

2

Hi there,

Can you share your website link, and the password in case its password protected?

Cheers!

Gabriel

3

Hi,

Please use “Image banner” instead of “Image with text” section.

You are currently using Image with text section.

If you use “Image banner” section, the image will be centered without “Skincare” text.

From image banner, remove text block & button block. (You can delete them at the very bottom of each block.)

Hope it helps.

Thanks.

4

Hello @Onlinetrap

Could you please share your store URL or the page link ( with a pass if your store password is enabled ). I think I can give you the right solution

5

Sure! Thanks :slightly_smiling_face:

https://onlinetrap-minimalist.myshopify.com/
Pass: onlinetraphouse

6

Screenshot 2022-12-18 at 20.23.14.png
Screenshot 2022-12-18 at 20.23.14.png1703×938 200 KB

Hi! Thanks a lot for your reply :slightly_smiling_face:

Its a collection banner, if I add another section that was not there by default it will reflect on all the other collections as well… I am also trying to add different banners to each collection, that’s why I add them from the back end.

I would either be able to remove the heading to add in my own banner if the banner can be placed in the middle or just add the heading to the middle at least. It does not look good when its on the side like it is now.

7

Hi!

Sure,

https://onlinetrap-minimalist.myshopify.com/
Pass: onlinetraphouse

8

Hello @Onlinetrap

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you:

  1. Go to Online Store → Theme → Edit code:

GemPages_0-1669618959296.png
GemPages_0-1669618959296.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before :

Result:

Screenshot at Dec 19 10-37-47.png
Screenshot at Dec 19 10-37-47.png1054×652 232 KB

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

9

Hello @Onlinetrap

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
<style>
.collection-hero__text-wrapper {
display: none;
}
.collection-hero__image-container.media.gradient {
margin-left: 0px !important;
}
@media screen and (min-width: 750px){
.collection-hero__image-container {
min-height: 40rem;
}
}

</style>