Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #1197546

    I’m getting strange results in the navigation items when scrolling. They seem to flicker, and change colors when scrolling down the page. the active color state goes away and the button font vanishes.
    It is doing it on all pages.
    website link

    #1197547

    Also, this is happening on Chrome and FF. Edge is just fine.

    #1197859

    Sorry to be a pest. Anyone have any ideas, we are ready to go live.

    #1198158

    I have tried everything I can think of, but I’m still getting flickering on the main menu when scrolling and the active font color changes as you scroll. This is only happening on Chrome and FF browsers. Edge works fine.

    #1198557

    Hi hostworks,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top #header .av-main-nav > li.current-menu-item.av-menu-button > a,
    #top #header .av-main-nav > li.current-menu-item.av-menu-button > a .avia-menu-text {
        color: #fff;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1198655

    Thanks! are you up for a few more fixes?

    #1198668

    Victoria, this is NOT working.

    #1198705

    Hi hostworks,

    Best regards,
    Victoria

    #1198709

    is this on chrome? it is only happening on chrome and FF.

    • This reply was modified 4 years, 7 months ago by hostworks.
    #1198711

    Also, try it on a longer page such as service or client results

    #1198765

    Here’s a video

    Again, this is only on Chrome and FF.

    #1199219

    Victoria, anyone? need help with this please.

    #1199367

    Hi hostworks,

    Best regards,
    Victoria

    #1199368

    yes, we went live with this anomaly still in place.
    https://lbstymkiw.com/
    Still occurs on Chrome and FF on long pages.
    Thanks!

    #1200497

    Hi,
    Thanks for the link, it looks like your “SCHEDULE A CALL” button is getting the “current-menu-item” class incorrectly, and on scroll the class is being added to each, back and forth, that is the flashing.
    Do you have a script that is adding this class to the “SCHEDULE A CALL” button? It also looks like “#top” is being added to some of your menu URLs based on which item’s page it is, which should be removed.
    Please include an admin login in the Private Content area so we can investigate.

    Best regards,
    Mike

    #1200560

    Thanks Mike.
    below

    #1200792

    Hi,
    Thanks for the login, I disabled your Enfold Theme Options > Performance > JS & CSS file merging and compression and then re-enabled to clear your site cache, and now the error is not occurring, please clear your browser cache and check.

    Best regards,
    Mike

    #1200795

    Sorry Mike, it’s still happening for me. Remember, this is on long pages such as client results and only on Chrome and Firefox. I cleared caches, restarted and tried in incognito windows and it still there.

    #1200823

    Hi,
    I checked again and this time the menu highlight changed about halfway down the page, I didn’t have the flickering, but the page menu changed from red to white then. But the cause is the same as when I did see it flickering, the popup ID is in the page near the bottom of the page so when we scroll down the menu thinks we are at that part of the page, the same action occurs when we have a one-page site with a few anchors, as you scroll down the menu items will highlight to show which part of the page you are on.
    Since each of your menu items represent a full page this css should override the flickering:

    /*fix menu highlighting*/
    #top.home #header .av-main-nav > li#menu-item-534 > a .avia-menu-text {
        color: #cb2026;
    }
    #top.page-id-26 #header .av-main-nav > li#menu-item-168 > a .avia-menu-text {
        color: #cb2026;
    }
    #top.page-id-34 #header .av-main-nav > li#menu-item-169 > a .avia-menu-text {
        color: #cb2026;
    }
    #top.page-id-31 #header .av-main-nav > li#menu-item-170 > a .avia-menu-text {
        color: #cb2026;
    }
    #top.page-id-29 #header .av-main-nav > li#menu-item-171 > a .avia-menu-text {
        color: #cb2026;
    }
    #top.parent-pageid-34 #header .av-main-nav > li#menu-item-169 > a .avia-menu-text {
        color: #cb2026;
    }

    I added this to your Quick CSS and tested on Firefox & Chrome, please clear your browser cache and check.

    Best regards,
    Mike

    #1200827

    Thanks Mike,

    That finally did the trick! I have no idea why I’ve never run into this before. I built many Enfold sites and have never run into this before. Very strange. I wish I knew what I did to cause this condition.

    #1200836

    Hi,
    Glad to hear this helped, this is just due to having a menu item pointing to a popup hidden on the page, probably don’t do that often.
    Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    #1200842

    Aha. Thanks again Mike! Yes, you an close this.

    #1200907

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Getting strange navigation results when scrolling down’ is closed to new replies.