I am having issues with the header. i'm using a video background and it's not responsive when fullscreen hight is on and when it's off I can not adjust the size to be full screen.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 690px){
video.nectar-video-bg {
width: 100% !important;
}
}
Hi there,
I am having issues with the header. i'm using a video background and it's not responsive when fullscreen hight is on and when it's off I can not adjust the size to be full screen.
Please help ASAP.
Thank you in advance,
Antonia
Attached files: issues with a header responsivness.JPG
Hey beantonia ,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hello again,
The video seems to be resizing quite well from our end. I have tested on both Android and IOS devices.
What device are you seeing this error from?
Kind regards,
Hi Andrew,
Yes, but not when it's a fullscreen hight which I want it to be. Is there a way I can upload 9:16 ratio for mobile?
Hello again,
By design, we recommend adding videos with a 16:9 ratio for optimal responsiveness.
Kind regards,
Hi,
but again, as I explained it doesn't work on mobile. Please have a look at it now.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 690px){ video.nectar-video-bg { width: 100% !important; } }Thanks
ThemeNectar Support Team
Hi Tahir, I did and it's not cropped for mobile. Is there a way I can upload 9:16 ratio for mobile only while keeping the original for the browser?
Unfortunately there is no such feature to upload different videos for different viewports.
Try embedding a Video instead so users can view it if needed.
Thanks
ThemeNectar Support Team
Well that really doesn't help me.. It's the intro video in the header.
You can add the Video using the "Self Hosted Video Player" Page Element as well.
Thanks
ThemeNectar Support Team