Sridhar Katakam

Genesis and WordPress Tutorials

Relocating Primary Nav and Fixed Nav on Scroll in Smart Passive Income Pro

by 2 Comments

This tutorial covers the following customizations in Smart Passive Income Pro:

  • moving the primary nav from below the header to above
  • adding image logo (changeable via the customizer) to the primary nav
  • registering a custom fixed nav that is initially hidden and appearing upon scrolling down. This fixed nav will also show the logo at the left.
  • the hidden fixed nav's position will be set to static and made visible for screen widths 880px and below

Screenshots:

smart-passive-income-pro-1

after scrolling down

smart-passive-income-pro-2

iPad Portrait:

smart-passive-income-pro-4

iPhone 6/S Portrait:

smart-passive-income-pro-3

Screencast:

Step 1

Create a file named say, sticky-menu.js in the child theme's js directory having:

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

  • Would be great to get the edits as downloads to replace the ones from the theme. Live demos would be great too 🙂

    Thanks,
    Al

    Reply
    • >