Quill header slider half size


#1

Hi
Is it possible to change the height of the header slider so it would be only half of the screen.?


#2

Hello,

Slider height is calculated with java script on window resize, so available screen height will be applied all the time. Since there is no option for changing this you can only fix some height with custom css code below:

.overlay,
div#slides {
    height: 400px !important;
}

and in case that you want to change height only on larger screens then use css code below instead:

@media screen and (min-width: 1024px) {
    .overlay,
    div#slides {
        height: 400px !important;
    }
}

You can apply the code from Appearance > Customize > Additional CSS field, and set height value in the code to your liking.

Best Regards!


#3

Great stuff
Works fine

Thanks