Archived topic
Hero slider and sticky menu anchored to bottom of screen
5 replies · Started by Thea on May 28, 2019
Hello,
I am brand new to GP. I'm currently trying to recreate this site with a much cleaner theme (GP!). A redesign will follow later.
My main question at the moment is how to create 1) a hero slider (preferably without the use of a plugin) and 2) how to get the menu to anchor to the bottom of the window (under the slider) until scrolling up, at which point it would be sticky.
I've done a little digging in the support forum, I did find this: https://generatepress.com/forums/topic/hero-page-slideshow/ Looks like I have some reading to do on using hooks.
I'm happy to follow tutorials, just not sure how to make it all work together with GP.
Thanks so much! Very excited to get started with GP.
Hi there,
1. GP doesn't have sliders built-in so plugin is required. Sliders are definitely plugin territory.
2. You can insert the slider using the header element module:
https://docs.generatepress.com/article/header-element-overview/
Then use this PHP snippet to move the primary menu below the header element:
https://generatepress.com/forums/topic/page-header-image-above-menu/#post-288568
Then I believe this method should work to make the navigation + header element full screen:
https://docs.generatepress.com/article/faux-full-screen-page-hero/
Unfortunately it's not possible to control when/where the sticky navigation shows as for now.
Let me know if this helps :)
Thank you, Leo. This looks very promising! I'll give it a try and let you know if I experience any difficulties.
I checked out the Slider 3 plugin based on another thread, but it's way more than I need. Is there a simple, lightweight plugin you guys would recommend?
Smart Slider 3 is what we usually recommend - it's basically impossible to have a lightweight slider plugin.
Lol. Point taken, I'll give it a try. Thanks!
No problem :)
