• Resolved Math_le_fou

    (@math_le_fou)


    Hi dear customizr users !

    I’m using this realy beautiful theme for a project but i meat a problem with my dropdown menu.
    When a Level 1 menu item is hovered, the dropdown menu appears, but it sometimes deasappers when scrolling the mouse on it.
    I think it’s a CSS issue but after 4 hours of test i don’t manage to delete this bug. some idea please ?
    The site is : http://hebergement-responsable.fr/atelierpicking/

    Please Help 🙂
    Thanks al lot
    Math.

Viewing 7 replies - 1 through 7 (of 7 total)
  • I’ve seen the effect you’ve described.

    Looks to me like some javascript from a plugin is conflicting. Just to prove it, try disabling all your plugins and testing if it still happens. If OK, add each plugin one-by-one and test each time to see which is causing a problem.

    Thread Starter Math_le_fou

    (@math_le_fou)

    I tryed to disabling all plugins but the dropdown menu still “jumps” on hover … so it doesn’t seems to come from plugins (3 plugins only)

    An other idea ? Coul’d i resolve that by reducing padding betwenn dropdownmenu and main menu for example, but i don’t find the css for dropdown menu padding …

    Thread Starter Math_le_fou

    (@math_le_fou)

    Or a solution to make the litle triangle (caret) using all the width of the submenu, because when hoovering and scroling above this item, the dropdown menu doesn’t seems to deasapper …

    Thanks a lot for your help

    I noticed the dropdown will stay there if you hover over the capital letter of the links, could this be related to
    .navbar .nav > li.current-menu-ancestor > a, .navbar .nav > li.current-menu-item >

    just a thought

    .dropdown-menu {
        margin-top: 0;
    }

    should fix it.

    Thread Starter Math_le_fou

    (@math_le_fou)

    Thanks a lot ElectricFeet, it works perfectly !!
    😉

    Bud Manz

    (@manzwebdesigns)

    FYI, I additionally had to do the following:

    .tc-hover-menu.nav ul {
        top: 21px;
    }

    … and in IE:

    .dropdown-menu {
        margin-top: -7px;
    }

    Hope that helps! If anyone has any suggestions for a better approach, I am very interested.

    Thanks,
    Bud

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Dropdown menu a:hover problem’ is closed to new replies.