How to reduce the height of the banner

Hi there,

You can add this css on child theme style.css file to reduce the height of banner image;

#page-banner img {
    height: 400px;
}

You can change height property as per your requirement

Note: using child theme stle.css file to add custom css will prevent your changes on theme update

Thanks for contacting Styled Themes

Hi Irenepv,

Could you please mention the link of your site also, so that it will be easy to both of us to find the solution asap. We hope you understand.

We look forward to your respond.

Thanks

Hi There,

You can remove the maintenance mode for some hours, so that it will be easy to both of us. We hope you understand.

Thanks

Hi there,

It seems you had switched your site, so this may not be appropiriate soluiton but may help you. To make banner image full width you can keep this css on child theme

#page-banner img {
    height: 400px;
    max-height:1200px;
}

Let us know how it will goes.

Thanks

Hi irenepv,

You are placing too large size of background image on header.Which indeed doesn’t get area to display ,so it is cropped on buttom. Theme suggest you the 2560widh and wiht 260 height.

So you need to provide appropriate height for the background image . Here is the example.

.header-bg {

    height: 261px;
}

And white spaces on leaf is due to the logo area. To fully disable the logo you can apply this css:

.site-info {
    display: none;
}

Thanks

Most welcome irenepv