In the demo of Salient Corporate theme, if you click on the play button, a video lightbox appears but notice in the first few seconds, the lightbox is shaking.. and it's happening to my website too.
We are having the same issue. I notice it does it in Chrome on desktop, not Safari or Edge. Hoping for a resolution as many are Chrome users out there. Thanks.
This is a confirmed browser level bug with the latest Chrome – it occurs because of how the browser is rendering box shadows. To fix it for now before they patch it,
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):
Hello,
In the demo of Salient Corporate theme, if you click on the play button, a video lightbox appears but notice in the first few seconds, the lightbox is shaking.. and it's happening to my website too.
Can you please show me how to fix that?
Thanks.
We are having the same issue. I notice it does it in Chrome on desktop, not Safari or Edge. Hoping for a resolution as many are Chrome users out there. Thanks.
Hey Guys,
This is a confirmed browser level bug with the latest Chrome – it occurs because of how the browser is rendering box shadows. To fix it for now before they patch it,
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):
.mfp-iframe-scaler iframe, .mfp-iframe-scaler > div.video, .mfp-iframe-scaler > div.video .mejs-container { box-shadow: none!important; }Thanks
ThemeNectar Support Team