Archived topic
Header Elements not working
5 replies · Started by Paul on September 15, 2020
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.
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
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?
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.
Thank you very much. The video goes across the screen. I appreciate the quick, excellent support.
No problem.
We're always glad to help.:)
