How to Create a Sticky Header in GeneratePress

If you're looking to enable a sticky header on your website so it stays at the top when scrolling, here's how to do so with GeneratePress.
Here's the CSS Selector to target the sticky header:
.main-navigation.navigation-clone
--
Learn More about GenerateBlocks: generateblocks...
Learn More about GeneratePress: generatepress....
Check out my website at adamwrightdesi...
Get in touch: [e-mail]
Learn from the Design to Dollars newsletter: adamwrightdesi...
If you enjoyed this video, please consider helping support by Subscribing to my channel and Liking the video above!
Thanks for your support!

[@martinbornman9512]

Was searching for days to get to this excellent tutorial. Thanks for sharing

[@adamwrightdesign]

Woohoo! Glad it was helpful!

[@RafaelDelacruzm]

Important! Menu Plus must be activated in Aparience / GeneratePress

[@polandvisaupdate]

Thanks my friend. You saved my day!!!!! 😊😊😊😊😊😊😊

[@adamwrightdesign]

Awesome! Glad it was helpful! 🙌

[@TheAdminBar]

Soooo simple! I didn't know that selector - thanks for that tip! Will you drop that code somewhere for everyone?

[@adamwrightdesign]

You bet! Just added it in the description 👍

[@opinionatedako]

There's no Sticky Navigation option on my Customizer...

[@adamwrightdesign]

Are you using GeneratePress premium or Free?

[@opinionatedako]

@@adamwrightdesign the free one

[@earningsites]

No option of sticky header in customize

[@adamwrightdesign]

Make sure you have the Menu Plus module enabled in GeneratePress!