子菜单在悬停 0.1 秒时重新调整大小

Question

所以基本上，当您将鼠标悬停在 Galerija 上时，子菜单就会出现。当子菜单出现时，子菜单的右侧在前 0.1 秒内类似于 twitching/resizing。

也许有人可以帮助我。我不想 post 来自 CSS 的代码，因为我不知道问题出在哪里。也许有人可以通过检查或源代码找到问题。

这是页面的 link：http://feelflowers.lv/bilzu-galerija/

以防万一，如果需要代码，也许问题就在这里，但我不这么认为，因为我无法修复它：

/* Dropdowns */

    .sf-menu li li {
        background: #c18484;
        margin-left:6px;
        margin-top:8px;
        border: 1px solid white;
        border-radius:3px;
    }

        /* Sub Menu Item Links */

        .sf-menu li li a {
            border-color: #c48484;
            color: #fff;
            font-weight:bold;
        }

        /* Sub Menu Hovering */

        .sf-menu li li:hover, .sf-menu li li.sfHover,
        .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
            background-color: #a07272;
            color: #fff;
            border-radius:3px;
        }

Answer 1

您的菜单在右侧被悬停时出现在子菜单中的 overflow: hidden 截断。我无法告诉您 overflow: hidden 的来源，因为我没有看到整个 CSS 文件，并且到目前为止有太多的内联 CSS 声明。如果您知道属性在哪里，请将其删除，或者将 CSS 规则添加到子菜单：

.sub-menu {
  overflow: visible !important;
}

不漂亮但很管用 ;)

编辑：实际上我认为创建子菜单动画的 JS 代码应用了 overflow: hidden 东西 ;)

子菜单在悬停 0.1 秒时重新调整大小

Submenu re-sizes on hover for 0.1 second

html

css

wordpress-theming