How to resize the height of Image banner container for Dawn theme

Store Design
1

I would like the banner height be smaller.
What should I put in css?

2

Hi,

You should check it on setting of that section, usually, Dawn theme will support change image’s height.

3

Hello @leannelam1pnl ,

I understand you are looking to resize the height of the banner in your store.

You can change the height of the banner using Dawn theme Customizer.

Steps →

  1. Go to Online Store → Themes → Click Customize.

  2. The theme customizer will open, now click on ‘Image Banner’ section https://prnt.sc/L8iHPQU49FvC

  3. Next, scroll down the available Image Banner option and select the height of the banner from the dropdown as per your preference https://prnt.sc/7o4v8QdKaHsy

  4. Save changes.

I hope it helps.

Please let me know if you have any query.

Thank you.

1 Like
4

But the small option is still too big to me. Is it possible to customize as my prefer height?

5

Hello @leannelam1pnl ,

Yes, it is possible.

You have to change the height of the banner section by adding custom css, however you have to also make sure the banner image aspect ratio (image height & width) compatible with banner section, otherwise banner image may be visible as too zoom or crop.

According to me, it may be difficult to set this at your end. I suggest you to hire a Shopify developer for the custom css code.

I hope it helps.

Please let me know if you need any assistance.

Thank you.

6

Sure it is. There you go:

.banner {
min-height: 20rem !important;
flex-direction: row;
}

change the “20rem” part if you dont like the size

1 Like
7

.banner {
height: 200px;
}

Adjust the 200px if you want smaller or bigger height accordingly

Leave a like if it helped you so others can benefit too

1 Like