Background video not centered

[Rouille71]

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/

[ruenel]

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.

[Rouille71]

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

[ruenel]

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:

Center background video on desktop and mobile

Hey @Marco, It is not possible to reposition the background video without custom development. You’d need to consult with a developer to code the change of the background video position. Thank you for understanding.

Best Regards.

[Rouille71]

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

[ruenel]

Hello Ivan,

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

Cheers.

[Rouille71]

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

[ruenel]

Hello Ivan,

The code is still placed in the Page CSS.

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

Cheers.