【问题标题】:Wordpress Divi Theme Header CustomizationWordpress Divi 主题标题自定义
【发布时间】:2021-10-19 03:36:11
【问题描述】:

我在自定义顶部菜单方面需要帮助。我只使用主菜单,而不是辅助菜单。 我希望我的徽标、菜单元素和社交媒体图标位于同一行。 左侧的标志,中间的菜单项和右侧的社交媒体图标。 菜单项必须与徽标和社交媒体图标等距。 我能够在中心对齐菜单项,但是一旦我添加社交媒体图标(在主菜单中),对齐就会受到干扰。 你能帮我解决这个问题吗?

社交媒体图标将使用字体真棒图标添加到主菜单。我可以将它们添加到菜单中,但也需要右对齐。

代码: @media only screen and ( min-width: 981px ) {

/*Vertically center the top navigation*/
#et-top-navigation { vertical-align: middle; float:none !important;}
.container { display:table; }

/* Right align the contents of the top navigation area */
#et-top-navigation { text-align:center; }
#et-top-navigation > * { text-align:left; }

#top-menu-nav, #et_top_search { float:none !important; display:inline-block !important}
#et_top_search { vertical-align: top !important; margin-top:3px }

}

【问题讨论】:

    标签: wordpress divi-theme


    【解决方案1】:

    我不确定您为什么要为此尝试使用 CSS。 Divi 拥有自己的“系统”,可以在外观 > 菜单中将图标作为 自定义链接 添加到菜单中。请考虑阅读以下文章:https://www.elegantthemes.com/blog/divi-resources/how-to-add-icons-to-the-divi-menu-divi-nation-short

    【讨论】:

    • 您好,我可以将社交媒体图标添加到 divi 菜单,但我的问题是如何将图标右对齐?像我在图片中显示的那样,将菜单项保持在中间,徽标在左侧。
    • 最好的方法可能是检查每个菜单项的代码,然后使用自定义 css 分别检查每个菜单项。您可以添加这些菜单图标,然后发布 css 代码
    • 这导致菜单在其他屏幕分辨率上中断。我确实试过了!
    • 我可以建议使用这里提到的 flexdivisoup.com/q20-rearrange-navigation-items-with-flex
    猜你喜欢
    • 1970-01-01
    • 2016-03-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-02
    • 1970-01-01
    相关资源
    最近更新 更多