Full Width Video Help

If you could link to a live/staging website, it would be easier to troubleshoot.

As an initial guess, I would assume that possibly the p parent element is forcing it’s own width limitations on the video element.

Hey @jwalt,
Could you share the link to the website where the issue is faced??

Hi @prabhatrai and @uglyduck,

I am having the issue on this page here: https://www.cornerbocker.com/header-video/

Essentially, what I am trying to do, is have the handshake video take up the entirety of the screen on https://cornerbocker.com, just like how the building video is displayed so that I can also display the handshake video on this page, but I’m having issues with it taking up the entirety of the page.

@jwalt your issue has to do with your content in that section being set within the .container class div element. The width attribute of that element is set to width: 970px; – which is forcing the video to follow those same restrictions.

Hey @jwalt,
Add the below CSS code in Appearance->Customize->Additional CSS:

#page #content .wrap {
	max-width: 100% !important;
	padding: 0px !important;	
}
#page #content .wrap .col-md-12 {
	padding: 0px !important;	
}

#page .site-branding{
	display: none;
}

Article to add custom CSS: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/