Background video not centered

Hi,

I’m working on the new homepage for my site and have set up a background video on a row that spans the full height of the page. It displays correctly on larger screens, but on smaller screens, particularly mobile devices, the video appears aligned to the top left instead of being centered. This misalignment makes the background video look unbalanced and less effective.

I was under the impression that background videos automatically center by default, but that doesn’t seem to be the case here.

Could someone help me resolve this issue? Any guidance would be greatly appreciated.

I’m providing credentials for site access if needed.

Thanks in advance!

This is the link to the site:
https://staging.xbureau.com/

Hey @Rouille71,

Thanks for writing in! Regretfully we cannot check your site because the given user credentials does not for us. It seems that the password is incorrect. Please double-check it.

Cheers.

Hi @ruenel

I apologize, I just updated the Secure Note with new credentials.
I just try them and they are working on my end.
Let me know if you were able to get through

Thanks
Ivan

Hello Ivan,

Thanks for the information. I have logged in and check the video already. To get your issue resolved, please refer to this thread:

Best Regards.

Hi @ruenel,
I implemented the solution you recommend but the background video still not being centered. I tried on different ways without success. Can you take a look and see what it may not be working.
Thanks in advance.
Ivan

Hello Ivan,

I have adjusted your CSS. Please check your homepage now.

Cheers.

Hi @ruenel,
Yes it it working!! thank you so much :pray:
Can you tell me what you did and where did you place the code, so i know for future projects?
Ivan

Hello Ivan,

The code is still placed in the Page CSS.

The CSS selector was changed a bit to target the video element.

Cheers.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.