We have a video on our homepage and the row the video is placed in is cutting off the top part of the video. Is there a good way to make the baseline top so it does not cut off the top of the video?
You need to change the aspect ratio of the Video for it to not cut the heads . You can also try adjusting the css below.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (min-width: 2500px) {
video.nectar-video-bg {
height: 100vh !important;
object-fit: cover !important;
}
}
Hi,
We have a video on our homepage and the row the video is placed in is cutting off the top part of the video. Is there a good way to make the baseline top so it does not cut off the top of the video?
Hey Again,
Which screen resolution are you testing in ?.
Could you provide a screenshot of the issue .
Thanks
ThemeNectar Support Team
I am testing this on a 27" imac 2560 x 1440.
The head is being clipped off. I just want the top of the video to always be the baseline.
Hey Again,
You need to change the aspect ratio of the Video for it to not cut the heads . You can also try adjusting the css below.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (min-width: 2500px) { video.nectar-video-bg { height: 100vh !important; object-fit: cover !important; } }Thanks
ThemeNectar Support Team