是什么导致了这个导航动画，我该如何阻止它？（Divi 主题）答案

【问题标题】：What is causing this nav animation and how do I stop it? (Divi Theme)是什么导致了这个导航动画，我该如何阻止它？（Divi 主题）
【发布时间】：2023-03-08 16:33:01
【问题描述】：

我正在创建我的网站，并尝试搜索导致导航上的文本出现在徽标左侧然后向右移动的 CSS 动画。

我想简单地将导航菜单文本保留在那里，而不需要任何动画。使用 DIVI 主题。

http://nerdypreneur.com/

如果你能帮忙，非常感谢！

【问题讨论】：

标签： css wordpress

【解决方案1】：

正如 Radiaktive 所说，它不是动画。以下是我认为您可以用来解决此问题的 css。

// Put this in your css or update it.

.et_header_style_left .logo_container {
    /* position: absolute; */ // Remove this from your css
    /* width: 100%; */ // Remove this from your css
    /* height: 100%; */ // Remove this from your css
    float: left;
    padding-top: 20px;
}

.et_header_style_left .logo_container a {
    max-width: 120px;
    display: inline-block;
}

.et_fixed_nav #et-top-navigation {
    padding-left: 40px !important;
}

希望这会有所帮助。！

【讨论】：

【解决方案2】：

这不是动画。发生的情况是菜单出现浮动：左；（这使得菜单显示在徽标图像的左侧对齐）由来自 et-divi-customizer-global-XXXXXXX.min.css 的 css 选择器#et-top-navigation

然后一些 javascript/jquery 完成加载后，添加一个带有 padding-left: 186px 的样式属性；到菜单，使菜单向右移动 186 像素。

【讨论】：