Avada Forums Community Forum Make a vertical sticky menu inside a page

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • ronaldoutline
    Post count: 1

    Description of my task


    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?

    Post count: 12

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

    Post count: 873

    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 😉


    Shout if you have any questions.

    Post count: 116

    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.

    Post count: 24


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

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.