Menus Not Useable

  • Hi,

    I was recently trying out the Refur theme. I really like how it looks but I ran into an issue with the menus. I can mouse over the menu and it will display the sub-items for that menu and everything looks good. But when I go to move the mouse down to click on a sub-item the complete menu stops displaying.

    If I move the mouse incredibly fast I can get the menu to stay open but otherwise it just snaps back up. It seems like there is a small gap between the menu and the menu items which causes the CSS to think you are no longer hovering the cursor over them.

    I ran into this issue in Firefox 45 but was also able to recreate the issue in Microsoft Edge.

    I’ve uploaded an image of my menu if that is at all helpful.

    View post on imgur.com

Viewing 2 replies - 1 through 2 (of 2 total)

  • I was having the same issue but you put me on the right track to find a fix.

    There’s indeed a small margin that screws everything up. To remove it, just add the following code to your css:

    .main-navigation ul ul {
    margin: 0;
    }

    Cheers!

    Thread Starter silvercentric

    (@silvercentric)

    Nice! I had tried messing with margins but I guess I was applying them to the wrong class.

    Thanks for the solution!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menus Not Useable’ is closed to new replies.