带有 CSS for Wordpress 主题的垂直弹出菜单答案

【问题标题】：Vertical Flyout menu with CSS for Wordpress theme带有 CSS for Wordpress 主题的垂直弹出菜单
【发布时间】：2021-10-05 09:08:57
【问题描述】：

抱歉，我不是专业的开发人员，因此这里的位置不合适。我真的很想与 Wordpress 和 CSS 相处，但我找不到关于一个特定问题的帮助，这就是我在这里与您联系的原因：我想在此页面上添加一个弹出子菜单：https://mkwtest354675275.wpcomstaging.com/

这里有人可以帮帮我吗？任何建议将不胜感激！非常感谢！

亲切的问候，阿莱娜

【问题讨论】：

请附上您想要实现的任何其他演示或屏幕截图/原型。
如果有帮助，也请检查：codepen.io/mdrd88/pen/AcbBH

标签： css wordpress menu

【解决方案1】：

在您的站点中为弹出子菜单添加以下 css（根据您的需要进行修改）

ul.sub-menu {
    display: none;
}

#menu-hauptmenue li:hover .sub-menu {
    display: block;
    position: absolute;
    background-color: pink;
    top: 1%;
    left: 18%;
    min-width: 200px;
    z-index: 6;
    -webkit-transition: left 200ms ease-in;
    -moz-transition: left 200ms ease-in;
    -ms-transition: left 200ms ease-in;
    transition: left 200ms ease-in;
    padding-left: 10px;
}

【讨论】：