Логотип не отображается на рабочем столе, только на планшете и мобильном телефоне

Question

Логотип заголовка не отображается на рабочем столе, но когда я уменьшаю размер экрана, я начинаю видеть его (мобильный и планшетный ПК).

Я пытался настроить сайт с помощью инструмента настройки, но для этого нет возможности.

веб-сайт acelebanon.com

Answer 1

Пожалуйста, поместите следующий код в настройщик [Appearance -> Customize -> Additional CSS], чтобы получить логотип на рабочем столе:

.pro_logo a {
    display: inline-block;
    width: 100px;
}

Надеюсь, он будет работать.

Answer 2

.pro_logo {
    padding: 22px 130px;
}

удалите отступы, и вы можете использовать поле для выравнивания логотипа.

Answer 3

Попробуйте изменить свойство padding вашего логотипа-оболочки, например так:

<style>
.pro_logo { padding: 22px 0; }
</style>

Должно работать на всех устройствах.

Answer 4

Ваша проблема в заполнении, которое вы даете .pro_logo class

.pro_logo { padding: 22px 130px; }

Не используйте слишком много отступов.С 1-2em (16 - 32px) достаточно.Удалите обивку, и вы снова увидите логотип.

Перейдите по ссылке:

.pro_logo { padding: 1.5em; }