5.4.1 – Video not fullscreen

Hi mvi,

Can you try to temporarily disable CSS File Merging And Compression and JS File Merging And Compression in Enfold > Performance and flush out plugin cache if you have one.

Best regards,
Nikko

Hi mvi,

Can you give us temporary admin access to the staging site? so we can inspect further.
Just post the credentials in private content.

Best regards,
Nikko

Hi mvi,

Thanks for providing the login credentials.
Can you give us the login link as well? I tried /wp-admin and /wp-login.php however it does seem to load endlessly and not showing the login form, please check.

Best regards,
Nikko

Hi mvi,

Thanks for providing the login link, it seems the reason for the issue you are having on your site is this code:

#top #desktop-header .av-section-video-bg iframe, #top #desktop-header .av-section-video-bg embed, #top #desktop-header .av-section-video-bg object, #top #desktop-header .av-section-video-bg video {
    height: 1070.4375px;
    top: -282.71875px;
}

I could not find it in common location for custom CSS.
Clearing cache does not seem to fix it nor disabling plugins and switching themes.

To fix it, I have added this CSS code in Enfold > General Styling > Quick CSS:

#top #desktop-header .av-section-video-bg video {
    top: 0 !important;
}

Please review your site.

Best regards,
Nikko

Hi mvi,

You’re welcome :)
As for the reason, it seems to be an isolated case since I could not reproduce it on my end, and the CSS I mentioned that is the cause seems nowhere to be found in the backend but surprisingly appears on the frontend, so it cannot be removed which is the ideal solution, so I opted to the 2nd solution which was to add a CSS code to override the problematic CSS code.

Best regards,
Nikko