How can I decrease the image banner height on the Dawn theme?

[10xfuel]

how can I reduce the height of below image banner on www.10xfuel.com?

[Ujjaval]

@10xfuel Can you put below css into base.css file

@media screen and (min-width: 750px)
{
.banner--small:not(.banner--adapt) {
    min-height: 43rem;
    max-width: 90% !important;
    margin: 0 auto !important;
}
}

[harivishwakarma]

Hallo @10xfuel

You can add code by following these steps to change

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

2. Open your theme.liquid theme file

3. Paste the below code before

@media screen and (min-width: 750px) { .banner--small:not(.banner--adapt) { min-height: 43rem; max-width: 90% !important; margin: 0 auto !important; } }

If you require any further information, feel free to contact me.

Best regards,

[10xfuel]

thx! I cannot find the code : is it called that way?

[harivishwakarma]

hallo @10xfuel

Do one thing

Hallo @Alliance

You can add code by following these steps to change

1. Go to Online Store → Theme → Edit code > base.css
2. Paste the below code at bottom

@media screen and (min-width: 750px)
{
.banner–small:not(.banner–adapt) {
min-height: 43rem;
max-width: 90% !important;
margin: 0 auto !important;
}

}

If you require any further information, feel free to contact me.

Best regards,

[10xfuel]

done - but I don’t see any changes in the height of the image banner.

[harivishwakarma]

@10xfuel

Please apply this code

div#Banner-template–15783301709962__5835cbd9-36ee-43ca-b1ea-f81aa637c4da {
min-height: 15rem !important;
}

[10xfuel]

where should I enter this code?

[harivishwakarma]

base.css at bottom

[10xfuel]

thank you! I works on the desktop version - but not on mobile. How to get the image banner height reduced on mobile too?

[harivishwakarma]

paste this css at base.css( at bottom )
@media screen and (max-width: 767px)
{
.banner–small:not(.banner–mobile-bottom):not(.banner–adapt) .banner__content {
min-height: 15px !important;
}
}

[harivishwakarma]

@10xfuel

I hope your problem has been resolved.

[TFisher]

Hi,

I’ve entered the above code into base.css but still no change in banner height. I’ve attached a screenshot of the image here. I’m wanting this 1/10th of the size that it is now. Can’t seem to get the height to reduce.

Thanks