Custom Floating Submenu

[opmlabs]

Hi,

I want to have a second page using the single-page template with two menus:

The primary menu, which would be the same over the entire site (but not sticky on this page)
…and a secondary menu, which would be for the smooth-scrolling on-page links (sticky)

For the rest of the site, I still want the primary menu sticky. Is it possible to set up a second submenu just for a single page using the template?

To visualize, it would ideally be something like this:

/*——————
Primary Menu (not-sticky)
——————–
Secondary Menu (sticky)
——————*/

/*——————
Primary Menu (not-sticky)
——————–
| | |
V V V
——————–
Secondary Menu (sticky)
——————*/

[Raghavendra]

That would require quite a bit customization on PHP, CSS as well as JS side(smooth scroll, sticky, lava lamp menu) and when you add responsiveness to this, things can get really complex.

The way we handle this for our site is to set a custom WordPress menu for the second single site page(through the menu dropdown in the Page Edit window) and in this custom WP menu, we replace the first single home page internal links with internal links to the second/current single page. Keeps things simple, IMO.

[Author]

Posts