-
AuthorPosts
-
March 25, 2020 at 3:50 am #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 linkMarch 25, 2020 at 4:24 am #1197547Also, this is happening on Chrome and FF. Edge is just fine.
March 25, 2020 at 8:49 pm #1197859Sorry to be a pest. Anyone have any ideas, we are ready to go live.
March 26, 2020 at 7:43 pm #1198158I 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.
March 28, 2020 at 12:51 pm #1198557Hi 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,
VictoriaMarch 28, 2020 at 6:39 pm #1198655Thanks! are you up for a few more fixes?
March 28, 2020 at 8:05 pm #1198668Victoria, this is NOT working.
March 28, 2020 at 10:12 pm #1198705Hi hostworks,
Best regards,
VictoriaMarch 28, 2020 at 10:14 pm #1198709is this on chrome? it is only happening on chrome and FF.
- This reply was modified 4 years, 7 months ago by hostworks.
March 28, 2020 at 10:15 pm #1198711Also, try it on a longer page such as service or client results
March 29, 2020 at 5:24 am #1198765Here’s a video
Again, this is only on Chrome and FF.
March 31, 2020 at 12:54 am #1199219Victoria, anyone? need help with this please.
March 31, 2020 at 5:31 pm #1199367Hi hostworks,
Best regards,
VictoriaMarch 31, 2020 at 5:34 pm #1199368yes, we went live with this anomaly still in place.
https://lbstymkiw.com/
Still occurs on Chrome and FF on long pages.
Thanks!April 3, 2020 at 1:01 pm #1200497Hi,
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,
MikeApril 3, 2020 at 4:14 pm #1200560Thanks Mike.
belowApril 4, 2020 at 1:47 pm #1200792Hi,
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,
MikeApril 4, 2020 at 2:12 pm #1200795Sorry 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.
April 4, 2020 at 5:41 pm #1200823Hi,
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,
MikeApril 4, 2020 at 6:50 pm #1200827Thanks 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.
April 4, 2020 at 7:43 pm #1200836Hi,
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,
MikeApril 4, 2020 at 8:06 pm #1200842Aha. Thanks again Mike! Yes, you an close this.
April 5, 2020 at 4:49 am #1200907Hi,
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 -
AuthorPosts
- The topic ‘Getting strange navigation results when scrolling down’ is closed to new replies.