Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #604534

    Hello. My issue is that my menu on one page not highlights correctly to color selection. It only appear correctly when u scroll to half of color selection. Please let me know how to fix it. It’s pretty urgent as we are working for client and we already cross the deadline.

    Here is the link to the website: http://m8house.com/wsparcieprogramow/

    Please click on: “Kim jesteśmy?” in menu then you can see it’s not highlighted on this section, and when you click “Co proponujemy?” the first menu it’s highlighted :/ when you also scroll between this two sections you can actually see it’s start highlighting correctly only when it’s half scrolled down on each section.

    Quick help would be very appreciated. Best regards all and looking forward to see solution for this :/

    btw. I have newest theme updated and everything i did in color section and menu it’s done properly so there is no option that I did something wrong.

    • This topic was modified 8 years ago by matgreat.
    #604628

    Hey matgreat!

    Thanks for getting in touch with us!

    Could you please provide a link and login details to your site, so that we can have a closer look. You can place the information in the Private Content section of your reply.

    Regards,
    Jordan

    #604636

    Hello jordan private message has been send. thanks.

    #604763

    Hello. Anything new about the issue of this? I would very appreciate if the problem could be resolved in about 2-3 hours approx. Best regards, and please let me know if anyone from your team know anything about solution for this :) Thanks a lot.

    I’m all the time here so I can reply quickly.

    #605115

    Is there anyone who can help me with this issue?

    #605235

    Hey!

    Was there any custom CSS added to the header? Like custom margin which is one of the reason this can happen. You can try removing the custom css and check if the issue resolve then add the css arguments one by one to know which one is causing the issue.

    Regards,
    Vinay

    #605245

    No I didn’t add any custom CSS to it. It’s just the way i have the template and it’s not working as it should. The only thing was changed was colors of company to the buttons etc.

    EDIT:

    Can anyone quickly help me? I’m about to give the website to customer today in beta version and I really need this menu to be done as fast as possible.

    • This reply was modified 8 years ago by matgreat.
    #605263

    Hey!

    This seems to be a bug as it is also happening on one of our demos using the one page scrolling http://kriesi.at/themes/enfold-one-page-portfolio/#services . We have reported this to our developers for a closer look.

    Sorry for the inconvenience.

    Best regards,
    Jordan

    #605287

    Do you think it can be fixed today?

    #606131

    Hello. Still no solution for this one? It’s very urgent. Please help me out with this. Thanks.

    #606139

    Hey!

    refrain from bumping into your own thread, as it pushes it behind in our queue and marks it as answered and then we can’t provide a faster reply to you.

    You are using an old version of the theme, so please upgrade to Enfold 3.5.1 and let us know if you still need help afterwards.

    Best regards,
    Andy

    #606240

    Hello,

    I am using Enfold 3.5.1 and appear to be having this issue on my site. Login details are in private section.

    Thanks,
    Chris

    • This reply was modified 7 years, 12 months ago by chrisbelote.
    #606367

    Yep. Updated it and same issue as it was. Andy you didn’t help us so much and also seems like other moderators are quiet in this thread. Probably some of you could have done it in couple minutes.

    Please guys help out to fix this.

    EDIT. Already have Enfold 3.5.1 updated so there is no excuses i have wrong version. Read first post carefully. Thanks.

    Best regards to Kriesi.at team.

    #606716

    Hi!

    There are some steps that we need to check before custom coding to avoid conflicts and thank you for co-operating with us. However we could not re-produce this issue so we created a new custom script, disabled default styles and added custom styles for highlighting a menu.

    //One page nav highlight
     
    function activateMenuItem(){
    ?>
    <script>
         jQuery(document).scroll(function() {
         var sections = jQuery('.avia-section'),
             menu   = jQuery('.avia-menu'),        
             nav_height = menu.outerHeight();
             jQuery(window).on('scroll', function() {
                var cur_pos = jQuery(this).scrollTop();
                sections.each(function() {
                    var top = jQuery(this).offset().top - 300,
                        bottom = top + jQuery(this).outerHeight();
                    if (cur_pos >= top && cur_pos <= bottom) {
                        menu.find('a').removeClass('active-menu-item');                    
                        menu.find('a[href="#' + jQuery(this).attr('id') + '"]').addClass('active-menu-item');
                    }
                });
            });
        });
     
    </script>
    <?php
    }
    add_action('wp_head', 'activateMenuItem');

    Below is the CSS we added in Enfold > General Styling > Quick CSS

    /* active menu item*/
    @media only screen and (min-width: 769px) {
    .current_page_item .avia-menu-text, .active-menu-item {
      color: #b70e14!important;
    }
    .active-menu-item .avia-menu-fx {
                content: '';
                position: absolute;
                display:block!important;
                left: 50%;
                transform: translateX(-50%);
                bottom: .5em;
                height: 2px;
                width: -0;
                background: #b70e14!important;
                transition: all 0.3s ease;
                z-index:99999!important;
      }
    }
    
    /*remove default styles*/
    .current-menu-item .avia-menu-text {
          color: #0a5476!important;
    }
    .current-menu-item .avia-menu-fx {
          display: none !important;
    }
    

    Please review the site now it should work fine :)

    Cheers!
    Vinay

    • This reply was modified 7 years, 12 months ago by Vinay.
    #606783

    Hi Vinnie, I’m assuming the above fix was for matgreat? Could you take a look at my site when you have a moment? My login details are in my comment above.

    Please advise.

    Thanks,
    Chris

    #606837

    They already applied the changes to my website and it works already good :) Thanks. Chrisbelote if u know how to add CSS codes add these that they give us it will fix ur problem.

    #606857

    Hi!


    @chrisbelote
    we will take a look at your site as well many issues in one tickets usually lead to confusion and please create a new ticket with proper description of the issue and the private content is visible to both mods and the person who created the ticket.


    @matgreat
    please let us know if you have any questions.

    Thank you for using Enfold!

    Cheers!
    Vinay

    #606877

    @Vinnie Thanks. I will remember that for future tickets. Once fixed, I will be sure to change my password. In the meantime, please let me know if you have questions.

    Thanks,
    Chris

    #606909

    Hi!

    Great! We have replied to you on the new ticket. :)

    Cheers!
    Vinay

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘One page menu not highlight correctly to color section! URGENT!’ is closed to new replies.