• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Setup
    • Flex Setup
  • Support
    • Support Area
    • Contact Us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Simple Pro Themes

Simple Pro Themes

for Genesis Framework

Sticky Site Navigation in Flex Pro Theme

August 9, 2015 by Davinder Singh Kainth

Sticky Navigation menu on scroll in Flex Pro Genesis Theme

Do you want to add sticky effect to the primary navigation menu in Flex Pro theme? With few lines of code you can easily achieve this.

End result: when you scroll down, the primary menu bar will automatically stick to top of the page.

Step 1: Add the following code in style.css file (above the media queries section).

Step 2: Then add the following JS script code in global.js file located in the js folder of flex theme.

See Demo below

Filed Under: Flex Pro Tagged With: flex pro, flex pro theme, primary navigation, sticky menu, sticky primary menu

About Davinder Singh Kainth

I design and develop functional WordPress website using best in class Genesis Framework. Co-founder of Simple PRO Themes and also run iGuiding Media and Basic WP blog
idavinder on Twitter

© 2023 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · My Account · Affiliates