响应式徽标和导航菜单 Divi 主题

Question

我正在为 Wordpress 创建一个带有 Divi 主题的网站。当你向下滚动页面时，我有一个不同的菜单标志，一个较小的版本。然而，在智能手机和小屏幕上，汉堡包菜单会出现在徽标下方，而它应该位于徽标的右侧。我正在放一张照片，这样你就可以看到我在说什么。

I am marking with a line where the hamburguer menu should go.

我在这里也放了我用来编辑标志的代码。

#logo2 {display: none;}

.et-fixed-header #logo {display:none;}

.et-fixed-header #logo2 {display:inline;}

#logo { padding-top: 10px !important; }

#logo2 { max-height: 60px !important; padding-top: 15px !important; }

如果您想查看菜单的工作原理，请访问该网站 www.masqueglobos.com

Answer 1

只需将此添加到您的 CSS ...

的末尾

.et_header_style_left #et-top-navigation {
    padding-left: 0 !important;
    padding-top: 30px !important;
}

问题是存在将 btn 向下推的填充。

响应式徽标和导航菜单 Divi 主题

Responsive logo and navigation menu Divi Theme

wordpress

wordpress-theming