- This topic has 5 replies, 2 voices, and was last updated 2 years, 11 months ago by
Leo.
-
AuthorPosts
-
February 19, 2020 at 11:59 am #1170781
Christine
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.
Cheers,
JulesFebruary 19, 2020 at 12:07 pm #1170794Leo
StaffCustomer SupportHi there,
This should help:
https://docs.generatepress.com/article/page-hero-background-video/Then just need to merge with the header/navigation:
https://docs.generatepress.com/article/header-element-overview/#site-headerDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 20, 2020 at 2:49 pm #1171997Christine
Hey Leo,
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. Thanks
February 20, 2020 at 9:09 pm #1172173Leo
StaffCustomer SupportYou can make it page-specific by using the display rules as explained in the article:
https://docs.generatepress.com/article/header-element-overview/#display-rulesHTML can go in the page hero content:
https://docs.generatepress.com/article/header-element-overview/#content-1CSS can be added using one of these methods:
https://docs.generatepress.com/article/adding-css/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/Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/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 #1173157Leo
StaffCustomer SupportGlad you were able to figure out ๐
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.