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

[leannelam1pnl]

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

[VIEKIN]

Hi,

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

[Anshul_arora]

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.

[leannelam1pnl]

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

[Anshul_arora]

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.

[ManuelH]

Sure it is. There you go:

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

change the "20rem" part if you dont like the size

[Germanos]

.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