Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1259803
    paradoxcameron
    Participant

    url: zenxienz.com
    wordpress version: 4.6.1
    x version: 4.5.2

    Hi, I have an issue with my one page navigation on my home page where, when you first arrive to the page, there are no active menu items (what is supposed to be the case), but when you scroll down to the first content section and the menu starts highlighting, and then scroll back up to the top, it continues to highlight the first active menu item.

    I was just curious if there was a way to avoid this.

    Thanks!

    #1259920
    Joao
    Moderator

    Hi There,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks

    Joao

    #1260131
    paradoxcameron
    Participant
    This reply has been marked as private.
    #1260413
    Friech
    Moderator

    Hi There,

    Thanks for writing in! The One Page Navigation on the site looks and works fine on my end, did you already resolve the issue? Please clarify.

    Cheers!

    #1263319
    paradoxcameron
    Participant

    Hi,

    The Onepage nav works almost perfectly except for one nitpicky thing. I was just wondering if there was a way to make the active menu item disappear at the top when it isn’t on the “videos” section. I’m talking about how right now it currently is blank at the top like it should be when you first visit, but no long is if you scroll back up after going to any other sections.

    Thanks!

    #1263383
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    .x-navbar .x-nav > .current-menu-item > a:hover, .x-navbar.x-navbar-fixed-top .x-nav > .current-menu-item > ar {
        color: hsl(294,41%,43%) !important;
    }
    .x-navbar .x-nav > .current-menu-item > a {
        color: #fff !important;
    }

    Hope that helps.

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