Stretching slider when viewed on mobile

Good day,
I am trying to extend/stretch the slider area on front page, so it will cover full screen when viewed on mobile.

So far I was trying to extend it with the CSS below, but without effects.

@media only screen and (max-width: 767px) {
.header-slider {
    height: 600px !Important;

Many thanks for help!

Hello there,

You don’t need some extra CSS code to enable full screen slider. It can be enabled from Appearance > Customize > Header area > Header Slider > scroll down until you get the “Slider mobile behavior” option. Select responsive and then save.


I have changed it from responsive to the second option and now works great.

Thanks for help! Much appreciated!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.