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

leannelam1pnl
New Member
12 0 0

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

Replies 4 (4)

VIEKIN
Shopify Partner
656 79 95

Hi,

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

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513

Anshul_arora
Trailblazer
223 47 30

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.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
leannelam1pnl
New Member
12 0 0

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

Anshul_arora
Trailblazer
223 47 30

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.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here