Navigation
Archive / One-Page Menu issue
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 9, 2017 at 12:16 am #1363888
    Bent M
    Participant

    When using the “One Page” alternate-menu for a group of pages on my website, the menu stays in the same place, while scrolling down the page – mucking up text and pictures…

    On the rest of my site the menu stays on top of the page and goes away when users scroll down (preferred).

    Solution?

    Thanks.

    Bent.

    February 9, 2017 at 12:53 am #1363921
    Bent M
    Participant

    Clue: On this page the menu goes up with the page http://visionears.com/ – as do all other pages.
    On this page, the menu stays in place: http://visionears.com/live/

    What the heck?

    February 9, 2017 at 1:11 am #1363940
    Rupok
    Member

    Hi Bent,

    Thanks for writing in! If you understand the UX then you will get the reason of the behavior. The whole purpose of using One Page Navigation is to provide the convenience to the user to browse the sections within a single page. Say you have 5 sections and someone wanted to see the 5th section and got there from menu. Now he/she want to go on section two (or he don’t know where to go as he can’t see the menu anymore) but he will need to scroll to top to find your menu. Hope this makes sense.

    Now if you still want to keep the same behavior as other pages, you can add this under Custom > CSS in the Customizer.

    .x-one-page-navigation-active .x-navbar.x-navbar-fixed-top {
    position: relative !important;
}

    Cheers!

    February 10, 2017 at 7:29 pm #1366608
    Bent M
    Participant

    The CSS code did it nicely.

    Thanks.

    February 10, 2017 at 11:42 pm #1366748
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1363888 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>