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

我尝试将网站徽标与CSS居中对齐, 但是没有任何变化。使用Kalium主题时, 是否可以将网站徽标放在标题的中心？

#1

我认为这取决于你使用的标题。但据我所知, 它们都是使用flex布局构建的。

因此, 给你一个主要布局的示例：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
}