[Resolved] Header Elements not working

[Paul]

I have copied the settings for two header elements from another site (one for the home page with a video background and one for the rest of the site with an image background). The headers show up fine on the site I copied them from – but nothing shows up properly on the new site, no images, no videos. I did update the image and video URL. I’m hoping you can help spot what is wrong as I’ve spent way too long trying to figure it out. Please assist.

[Elvin]

Hi,

Your site has lots of errors that prevents things from loading properly.
https://share.getcloudapp.com/jkuZwej5

For starters, can you fix your SSL certificate?

You’re site is also showing this issue. https://share.getcloudapp.com/p9uGD8J6

[Paul]

Thank you. I have still to fix some of the mixed content errors, but have started with a fresh install of WordPress. The video is showing, but I don’t know why it won’t fill the screen. Is there some setting I’m missing?

[Elvin]

You can try these CSS codes.

.page-hero > .inside-page-hero > .background-video {
	width:100%;
}

This code forces the video element to take 100% of the header element’s width.

If you want to adjust the viewable height of the video, you can try this CSS code.

.page-hero {
    height: 500px;
    overflow: hidden;
}

You can adjust the height value to your preference.

Let us know if this works for you.

[Paul]

Thank you very much. The video goes across the screen. I appreciate the quick, excellent support.

[Elvin]

No problem.

We’re always glad to help.:)

[Author]

Posts