How to reduce a banner size from Dawn Theme

kbeautyblossom
Excursionist
27 0 9

I like DAWN design but the banner size is little too big. too wide and tall. 

Could you tell me how to reduce the size with coding? Thanks a lot!! 

Replies 14 (14)
iMuhamad
New Member
2 0 0

Hi Hamish

This worked for me but it's more useful if i can reduce the height.

I tried adding max-height: 500px;

did not work. 

kbeautyblossom
Excursionist
27 0 9

Dear Hamish, 

 

Thank you so much! I'll try it. 

kbeautyblossom
Excursionist
27 0 9

I used the max-width: 1300px; & left: 9%; to center the banner.

It looks great on desktop but not for mobile. 

Thank you for your help! 

iMuhamad
New Member
2 0 0

I am trying to reduce the height, so I change the value here to 50%, it worked on the banner but the placeholder I believe has to be updated from a different line.

Now i have gap between the banner and next section.

any thoughts? 

@media screen and (min-width: 750px) {
.banner__media {
height: 50%;

Screen Shot 2021-09-23 at 10.37.59 PM.png

kbeautyblossom
Excursionist
27 0 9

Hello Diego, 

Your code works great. I used max-width: 90% instead and still working with the height and the button. 

Thank you so much!!