• Two of my site’s pages (https://nintendothon.org/attendees/ and https://nintendothon.org/schedule/) start violently shaking when hovering the mouse over the top menu bar. I have genuinely no idea what’s causing this and it’s quite an annoying issue to have for a site that’s publicly accessed fairly often. I’ve tried turning off the transparent menu bar as was previously suggested before (which is something I’d prefer to keep, but I tried nonetheless) and it did nothing. I’m using WordPress 5.0.1 but this has been an issue for a while now. Please help!

    • This topic was modified 5 years, 11 months ago by cosmopath.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author OptimizerWP

    (@layerthemes)

    Hi,

    kindly try adding this Custom css to fix the issue:

    #topmenu .menu_hover > a { padding-bottom:20px;}
    #topmenu ul.menu>li:after, #frontsidebar .widget_nav_menu ul.menu>li:after{ display:none;}
    #topmenu ul li ul {  display: block;visibility: hidden; opacity: 0; transition: all 0.2s linear;}
    #topmenu .menushow { visibility: visible;  opacity: 1; display: block;}
    #topmenu .fadeInUp {  animation: unset;}

    Thanks

    Thread Starter cosmopath

    (@cosmopath)

    Hi,

    I just tried adding this via Customize > Miscellaneous > Custom Code and unfortunately I’m still having the problem.

    I originally had CSS that was hiding the menu-bar logo on the home page, so I tried removing that to see if that was causing the issue but it didn’t make any difference.

    • This reply was modified 5 years, 11 months ago by cosmopath.
    Theme Author OptimizerWP

    (@layerthemes)

    Hi,

    Please remove the code. And then copy it again from here and then in the Custom css box right click and click “Paste as plain text”.

    Thanks

    Thread Starter cosmopath

    (@cosmopath)

    Just did so. Oddly enough it seems to fix the problem when in Customize mode and not publishing changes, but once they’re published and you try going to the page the issue is still there. Weird.

    Theme Author OptimizerWP

    (@layerthemes)

    Looks like the code is still not formatted correctly, can you please replace the code with:

    #topmenu .menu_hover a { padding-bottom:20px;}
    #topmenu ul.menu li:after, #frontsidebar .widget_nav_menu ul.menu li:after{ display:none;}
    #topmenu ul li ul {  display: block;visibility: hidden; opacity: 0; transition: all 0.2s linear;}
    #topmenu .menushow { visibility: visible;  opacity: 1; display: block;}
    #topmenu .fadeInUp {  animation: unset;}
    Thread Starter cosmopath

    (@cosmopath)

    Just tried that. Page is still shaking, but I’m noticing two interesting behaviours:

    1. Page shakes when it’s initially loaded and the mouse is hovered over its place in the menu bar, then stops after a second.

    2. From there, page only starts shaking when any mouse button is clicking down on an item in the menu bar.

    From what I can see, the specific issue is that it’s hiding and unhiding the browser’s scroll bar rapidly, giving the illusion of the page shaking. Maybe this will help in some way.

    Thread Starter cosmopath

    (@cosmopath)

    Hey, not sure if I made it clear in my last post but I’m still having the issue. Not sure why there hasn’t been any response for the past four days. Would appreciate if you guys gave it a look.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Page shaking when hovering over menu’ is closed to new replies.