如何在WordPress的Kalium主题上将logo居中()

我尝试将网站徽标与CSS居中对齐, 但是没有任何变化。使用Kalium主题时, 是否可以将网站徽标放在标题的中心?
#1我认为这取决于你使用的标题。但据我所知, 它们都是使用flex布局构建的。
【如何在WordPress的Kalium主题上将logo居中()】因此, 给你一个主要布局的示例:https://demo.kaliumtheme.com/main/
在这种情况下, 你实际上可以将flex-direction设置为column, 将justify-content设置为center:

header.main-header .logo-and-menu-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

另外, 我会在徽标的底部添加一些空白:
.header-logo.logo-image { margin-bottom: 30px; }

瞧, 看起来不错。
#2试试这个代码:
header.main-header .logo-and-menu-container { display:block; margin-left:auto; margin-right:auto }

    推荐阅读