За последние 24 часа нас посетили 22877 программистов и 1263 робота. Сейчас ищут 748 программистов ...

Как сделать логотип по центру в мобильной версии

Тема в разделе "HTML и CSS", создана пользователем Дмитрий2021, 30 май 2021.

  1. Дмитрий2021

    Дмитрий2021 Новичок

    С нами с:
    30 май 2021
    Сообщения:
    1
    Симпатии:
    0
    Всем привет!
    На движке WordPress, в теме Astra, сделал сайт одностраничник без "меню", в десктопной версии всё отлично, а на мобильнике хоть и меню нету , но значок меню (три полоски) отображался, полазил по интернету, в итоге его выключил, в main.min.css (assets/css/minified/main.min.css):
    Было: .ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center;margin-left:.4em}
    Стало: .ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon{display:none}

    Но, логотип в мобильной версии стоит не по центру, а ближе к левому краю, никак не могу его поставить по центру, делал правки в css : .ast-grid-right-section и .ast-flex и другие варианты, пока бесполезно, честно скажу, столкнулся первый раз, начинаю только изучать, вообщем практически не шарю.
    В десктопной версии всё отлично.
    Ребят, если у кого будет время, подскажите , как мне отцентрировать логотип в мобильной версии сайта.
    Сайт: https://vypileno.ru/
     
    #1 Дмитрий2021, 30 май 2021
    Последнее редактирование модератором: 31 май 2021