Correct Height Full screen Layerslider Below Masthead

[designpursang]

Hello, Trying to correct the height of a full screen layerslider that I have set below masthead. The nav header is 200px.
Have tried playing around with some variations on the below css, but no effect.
Want to achieve the same as you can with rev slider by applying .masthead in the settings.
.x-slider-container .below {
min-height: calc(100vh - 200px) !important;}

[nico]

Hi @designpursang,

Thanks for writing in.

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[designpursang]

OK. At the moment I have only a site setup locally , the staging url is http://sniwc/ and the final url will be https://sniwoodcouncil.co.nz. However atm there is still the old site live. I have a Pro license registered on these URL’s. Do you need a live URL with my installation to be able to give support? If so I guess I need to duplicate my installation in a subdirectory,

[christopher]

Hi designpursang,

Unfortunately, the Layer Slider does not have the same options as the Revolution Slider regarding the Full Screen functionality. The Revolution Slider calculates the height of the browser window and the internal parts of the slider and does it with Javascript complex coding.

The Layer slider can only have fixed height and you can not add the fluid one, and it is not possible to have the fluid mode with CSS as you mentioned in your question. Even if you manage to make the height fluid the inner parts of the slide will not follow.

We strongly recommend that you use the evolution Slider instead to be able to have this functionality.

Thank you for your understanding.

[designpursang]

OK, bummer but thanks for clarifying. Thanks for the fast response time.

[christopher]

You’re welcome.