- This topic has 5 replies, 2 voices, and was last updated 1 year, 1 month ago by Leo.
February 19, 2020 at 11:59 am #1170781Christine
Hey GP crew,
I’m using the latest version of GP and GP Premium, along with Beaver Builder. Is it possible to recreate a video header like in this site (https://www.schoolhelps.com/) and has the video playing and the menu as a part of it. And when you scroll down the menu transitions to a sticky?
I’ve been trying a whole bunch of different combos, with GP menu disabled and just built in Beaver Builder. And then with the menu enabled and sticky, but I can’t get it transparent over the video.
JulesFebruary 19, 2020 at 12:07 pm #1170794LeoStaffCustomer Support
This should help:
Then just need to merge with the header/navigation:
https://docs.generatepress.com/article/header-element-overview/#site-headerFebruary 20, 2020 at 2:49 pm #1171997Christine
Thanks for the quick reply. Will this make it the header for every page, or do I make it page specific. I only want this video playing on the homepage. Where do I input the HTML and CSS? bit confused with it. ThanksFebruary 20, 2020 at 9:09 pm #1172173LeoStaffCustomer Support
You can make it page-specific by using the display rules as explained in the article:
HTML can go in the page hero content:
CSS can be added using one of these methods:
Another option would be to create that background video header with BB and merge with the header/navigation:
https://docs.generatepress.com/article/transparent-header-and-navigation/February 21, 2020 at 5:25 pm #1173149Christine
I tell ya Leo, it might just be time to hire me as a head developer 😉 Fiddled around with it for a while, but found the easiest way was to just save the current Beaver Builder row I had. Then I copied all the same steps you suggested, but instead of using the HTML, I just inserted the BB shortcode. Bang!
Cheers!February 21, 2020 at 5:37 pm #1173157
- You must be logged in to reply to this topic.