- This topic has 16 replies, 2 voices, and was last updated 5 months, 3 weeks ago by Leo.
May 5, 2020 at 8:34 am #1270755Nadine
I need to add a video background to my home page. The header and part of the page content needs to sit on top of it. I was trying to do this with Page Hero element, but I don’t see a video option. How do I accomplish this?
Edit: I put it up on a test site for help. I have been testing different positioning, but I need it relative to the logo. I also need to keep the logo to the left and eventually the mobile menu to the right.May 5, 2020 at 8:45 am #1270771Nadine
Oh and I’m using ElementorMay 5, 2020 at 9:32 am #1270838LeoStaffCustomer Support
This is the method if you are using GP:
If you are using Elementor then you would need to create the template in Elementor then just add the shortcode as the page hero content:
Let me know if this helps 🙂May 5, 2020 at 9:52 am #1270866Nadine
Thanks for the speedy reply! I just tried it with sample template, and my header is not sitting on top of the Elementor template. I do have merge selected.May 5, 2020 at 9:55 am #1270872LeoStaffCustomer SupportMay 5, 2020 at 9:59 am #1270887Nadine
Unfortunately I’m working locally. Let me try a bit longer. If I can’t figure it out I’ll put it online somewhere. thanksMay 5, 2020 at 10:01 am #1270888LeoStaffCustomer SupportMay 6, 2020 at 8:56 am #1272283Nadine
Would it be possible to send you a private screenshot? I have some of it figured out, but now my Elementor content block that sits on the same header background isn’t sitting correctly. It moves around and I’m not sure how to position it relative to the header elements. Does that make sense?May 6, 2020 at 10:17 am #1272465LeoStaffCustomer Support
Screenshots really don’t help with issues like this as I need to inspect the code to determine the issue.
Any chance you can make the site live or create a staging site with the issue so I can help better?May 6, 2020 at 10:21 am #1272474Nadine
I did. I tried to edit the original topic and I added a private link. Did it not work?May 6, 2020 at 10:29 am #1272482LeoStaffCustomer SupportMay 6, 2020 at 10:36 am #1272498Nadine
No, that’s from me trying a million things. It’s in setting the distance that text area has from the logo. I can set the distance from the top, but it then overlaps the logo on different screen sizes and mobile.May 6, 2020 at 1:51 pm #1272763LeoStaffCustomer SupportMay 6, 2020 at 1:55 pm #1272766Nadine
It is. The problem I’m having is that the logo is controlled by GeneratePress, so I can’t those elements relative to the logo. It’s not the padding bottom, I tried a million different things there. I’ll try again tomorrow and hopefully be able to work it out then.May 6, 2020 at 1:59 pm #1272769
- You must be logged in to reply to this topic.