导致此导航动画的原因是什么？如何阻止它？ （Divi主题）

Question

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

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

http://nerdypreneur.com/

如果你能提供帮助，非常感谢你！

Answer 1

这不是动画。会发生什么是菜单出现浮动：左; （这使得菜单在徽标图像上显示为对齐）由css选择器＃et-top-navigation from et-divi-customizer-global-XXXXXXX.min.css

然后一些javascript / jquery在加载完成后，添加一个带有padding-left的样式属性：186px;到菜单，所以菜单向右移动186px。

Answer 2

如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;
}

希望这会有所帮助。