I'm using a video that I'm hosting as the background image on a single slide slider. I'm trying to get it to adjust when viewed on a mobile device in portrait mode (phone upright). In landscape the mode (phone sideways), the slider is fine. It is also fine in the desktop browser. I'm trying to resize it in css. This is what I've tried most recently:
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today.
I would like to confirm that we have received your message. Due to the nature of your query, I will have to contact and consult with the development team first. I will get back to you as soon as I can.
We appreciate your patience while we're working towards your ticket.
Thank you for your patience. I've contacted with the dev team, but unfortunately they verified that this cannot be achieved currently. The slider and its layers (including the background images and background videos too) are resizing themselves, so you cannot affect them with such media queries.
In case you cannot configure this perfectly in one slider, we'd recommend to create another slider that you configure for portrait mode and display them depending on screen size (by using the hide under / hide over settings), so the videos will fit properly.
I'm using a video that I'm hosting as the background image on a single slide slider. I'm trying to get it to adjust when viewed on a mobile device in portrait mode (phone upright). In landscape the mode (phone sideways), the slider is fine. It is also fine in the desktop browser. I'm trying to resize it in css. This is what I've tried most recently:
@media (max-width: 480px){
#ls-global .ls-wrapper .ls-bg-outere{
width: 90% !important;
height: 90%;
}
}
I can get the container to resize, but I'm unable to get the actual slide to resize.
Hello llasalle,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today.
I would like to confirm that we have received your message. Due to the nature of your query, I will have to contact and consult with the development team first. I will get back to you as soon as I can.
We appreciate your patience while we're working towards your ticket.
Thank you for your patience. I've contacted with the dev team, but unfortunately they verified that this cannot be achieved currently. The slider and its layers (including the background images and background videos too) are resizing themselves, so you cannot affect them with such media queries.
In case you cannot configure this perfectly in one slider, we'd recommend to create another slider that you configure for portrait mode and display them depending on screen size (by using the hide under / hide over settings), so the videos will fit properly.