Layer Slider – fullscreen video in mobile portrait viewports

Well, it actually did result in the video itself being upscaled but the layer-slider-container remains at 16:9 ratio.
Sorry – didn’t notice that at first!
Any chance to get the Layer Slider’s container to act accordingly (cover full viewport height)?

• This reply was modified 3 years, 6 months ago by jhieronimus.

Hi Ismael,
thanks for the code. I pasted it into the Quick CSS like below but to no avail:

#layerslider_9_1smp45qam2qxd, #layerslider_9_1smp45qam2qxd .ls-inner {
height: 100vh !important;
}
@media only screen and (max-width: 480px) and (orientation: portrait) {
#layerslider_9_1smp45qam2qxd, #ls-html5-1 {
height: 736px !important;
}}
@media only screen and (max-width: 768px) and (orientation: portrait) {
#layerslider_9_1smp45qam2qxd, #ls-html5-1 {
height: 1024px !important;
}}

Am I getting something wrong?
By the way – does it make any difference wether I put the code into the Quick CSS of the theme or via the “Simple Custom CSS and JS”-plugin? Actually I am using both simultaneously…

Thanks for your patience and support,
Sascha

Hey,
I pasted in the code, disabled both available file compression options(CSS and JS compilation/compression) and hit save. Emptied the browser cache before refreshing but still nothing happening on my end… sorry to be such a pain …!

Thanks,
Sascha

Hey Ismael,

now it scales perfectly – thank you so much for your efforts!

The last thing I could not find a way to establish is the vertical alignment of the main slide title. I tried percentage values within the layer slider’s “sizing and position” field but these always seem to reference the original 16:9 ratio instead of the actual viewport height. This results in the title always sticking in the upper half of the screen on mobile/tablet devices. The whole main slide title should always have a vertical position right in the middle/center of the viewport.

Thanks again – I am really grateful for your excellent support!
Sascha