Hi,
Here is the CSS code to change the height of the header area (the image):
.has-banner, .has-banner::after {
max-height: 700px;
}
You can put the code into Customize > Additional CSS.
Hello @tomdesign1,
You can use the code has suggested by Hakim above. However it applies on all screen sizes. If you want it to remain as it’s now for smaller screen, limit the style only for larger screen with media query. For example:
@media only screen and (min-width: 1025px) {
.has-banner, .has-banner:after {
max-height: 50vh;
}
}
Here I suggest vh unit instead of px. 50vh means 50% of device’s screen height.
Regards,
Kharis
