Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • #606887

    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

    #606900

    Bump

    #606907

    Hi!

    Bumping will not help in getting faster replies. the system marks it as answered and push it to the bottom of queue. Please wait while we get yo your ticket and answer it will be much faster.

    We are working on your ticket please wait while we update the results here soon.

    We have added the below code and fixed the issue please check the site and let us know if you have any questions

    custom css

    
    /* onepage nav 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{
        opacity: 1;
        visibility: visible;
        background-color: #719430;
        border-color: #507210;
        height: 2px;
        width: 100%;
      }
    
    /*remove default styles*/
    .current-menu-item .avia-menu-text {
          color: #0a5476!important;
    }
    .current-menu-item .avia-menu-fx {
          display: none!important;
    }
    

    onepage scroll jQuery

    //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');

    Regards,
    Vinay

    • This reply was modified 8 years, 7 months ago by Vinay.
    #606980

    Hi,

    Unfortunately, this did not resolve my issue.

    Please take a look at http://www.internetmarketingpros.net, which is the exact same website. This website has the correct menu highlighting that I am looking for.

    Thanks,
    Chris

    #607006

    Hey!

    Please refresh your browser cache and check again r0cket l3ads works fine the Internet Marketing site has the menu highlight issue… if you find any issue with r0cket l3ads please elaborate it so we can help you fix it.. :)

    Cheers!
    Vinay

    #607380

    Hi Vinnie, I like the highlight that internetmarketingpros.net has with the line under each section. I’m personally not a fan of the current section highlight on rocketleads.net.

    Please advise.

    Thanks!
    Chris

    #607460

    Hi!

    We tweaked the code a bit please hard refresh the page a few times to clear cache and review the site now it is working perfect :)

    Best regards,
    Vinay

    • This reply was modified 8 years, 7 months ago by Vinay.
    #607774

    Hi Vinnie,

    Thank you! It looks great, although the previous menu item is still highlighted blue. Please see the attached picture which shows the menu item highlighted in blue (orange box) and the other menu items highlighted in gray (green box). I am looking for any inactive menu items to be gray. So, for this image, I would like “HOME,” “WHY US,” and “CONTACT” to be gray.

    Enfold Menu Item Highlight Colors

    Thanks,
    Chris

    #607884

    Again, I just want the menu items highlighted like they were originally. I want them to do the exact same thing the menus on http://internetmarketingpros.net do.

    I’m not understanding why I can’t have the theme do the exact same thing it was doing originally?? Can we not just copy over the menu item highlighting code from the other site? Are there issues with it and that is why there was a change? Confused! Lol

    Enfold Menu Item Highlight Colors Correct Way

    Any fix/info/help/advice is appreciated.

    Thanks,
    Chris

    #608082

    Hi!

    We have tweaked the css and is looking good now :)

    It is a known issue and we will release an update for it soon… after the next theme update you can remove the custom code we added now so you can control the changes from theme options and not use custom css :)

    Best regards,
    Vinay

    #612402

    Hi Vinnie,

    I have updated to the latest version that just came out (version 3.5.2). Should I remove the custom code you added as my menus are not highlighting at all?

    Please advise.

    Thanks,
    Chris

    #612408

    Hi!

    Yes please remove the custom code and check it out.

    Best regards,
    Vinay

    #612411

    Hi Vinay,

    I removed the custom css that was used and the menus are highlighting, but they are highlighting the menu before the actual menu. For instance, when on “TESTIMONIALS,” it is highlighting “WHY US.”

    Please advise.

    Thanks,
    Chris

    #612458

    Hi!

    This issue has been reported to Kriesi and we will release an update for this soon.

    Regards,
    Vinay

    #615619

    Hi Vinay,

    Any updates or workarounds on this?

    Thanks,
    Chris

    #616978

    Hey!

    Sorry for the wait!
    We contacted our devs once again and informed them about your thread. When we receive an update, we will inform you on this thread.

    Cheers!
    Yigit

    #620093

    Hi Yigit, thanks for the update. One of my other websites, internetmarketingpros.net, highlights correctly. Is there any way to get the highlight code from that site and apply it to rocketleads.net? I have shared my website with potential customers and it is public, so I would appreciate a resolution to this as soon as possible. I appreciate the support!

    Thanks,
    Chris

    #620221

    Hey!

    Please let us know which version of enfold is internetmarketingpros.net running on? If it is the same version we can try it.

    Regards,
    Vinay

    #621657

    Hi Vinay,

    Unfortunately, it is not the same version. It is on version 3.4.7.

    Thanks,
    Chris

    #621831

    Hi!

    We will release a fix in the new version kindly wait for an update until then if you need a workaround the code provided earlier still apply! You can try it out or I can set this up for you again on the rocket site let me know :)

    Just curious if you are using a child theme? If not we recommend making these changes on a child theme.

    Best regards,
    Vinay

    #621882

    Hi Vinay, yes if you can make those changes that would be great! I’m not sure if I am using a child theme?

    #621907

    Hey!

    We are working on your ticket please wait while we update the results here soon.

    We have added the above code please review the site now.

    There is a new update available which will fix this issue please update to 3.5.4 and you can remove the code from functions.php and the custom CSS.

    Best regards,
    Vinay

    • This reply was modified 8 years, 6 months ago by Vinay.
    #623389

    Vinay, you guys are the best! Removed code and updated theme. All is working flawlessly now.

    Thanks BIG TIME!

    Chris

    #623435

    Hi!

    Thank you for the kind words :)
    We are always committed to providing you a satisfactory resolution.

    Regards,
    Vinay

Viewing 24 posts - 1 through 24 (of 24 total)
  • The topic ‘One Page Menu Not Highlighting Correctly to Color Section’ is closed to new replies.