Make a vertical sticky menu inside a page

[ronaldoutline]

#866953

Hy

I’m looking for help on how to make a vertical sticky menu inside a page so that contents are opened inside the same page when menu item is clicked. Tried with Tabs, but can’t make it sticky.

Any ideas?

[johnlunceford]

#866964

There’s no simple theme function/switch for that that I know of. Have you worked with the css yet?

[marklchaves]

#866972

Hi @ronaldoutline,

That’s a great question. I think I might have answered something similar in this forum but I can find it right now.

It’s a bit challenging to do this with a page builder unless they have built-in support for it.

But, you can write custom HTML and CSS to “shoe-horn” it in.

Here’s a live code example of a “floating” sidebar menu https://codepen.io/marklchaves/pen/rNxzQbx

This one’s more involved, but I just wrote a sticky full-height menu for my style guide site. And, my style guide site looks closer to what your diagram 😉

https://guide.caughtmyeye.cc/

Shout if you have any questions.

[Metro]

#866998

You should be able to accomplish this with the built in feature sticky sidebsr.

You also have to create a menu and a widget. Set the container or column on the page to link to the menu using CSS ID.

[gabi2]

#867002

Hi,

Maybe you can use elements from the Avada Agency Theme, it has the same layout, including a ‘fusion-sticky container’.

[Author]

Posts