Как вы можете центрировать логотип на Kalium Theme на Wordpress?

Question

Я пытался центрировать логотип моего сайта с помощью CSS, но ничего не изменилось. Есть ли способ центрировать логотип сайта в шапке при использовании темы Kalium?

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

Кроме того, я бы добавил логотипу margin-bottom:

.header-logo.logo-image {
    margin-bottom: 30px;
}

Et вуаля, выглядит довольно хорошо.