Make heading picture smaller

[info@datkansneller.com]

Hi all,

Is it possible to adjust the height of the header picture?
On the home page I like it, but I think it is too overwhelming on the other pages.

Also, on mobile the picture looks very bad, can I adjust this?

Thanks, greets Miranda

[Zex]

Hello, Miranda!

Try to insert the following codes into Customizing->Additional CSS:

/*Header image height on all pages*/
.header-image {
    height: 250px!important;
}
/*Header image on Home page*/
.home .header-image{
        height: 400px!important;
}
/*Header image on smaller screens*/

@media only screen and (max-width: 992px) {
 .header-image{
        height: 35vw!important;
}    
}

Set the height values as you need.

Regards

• This reply was modified 1 year, 2 months ago by Zex.

[info@datkansneller.com]

You are awesome!!!

[Author]

Posts