За последние 24 часа нас посетили 22584 программиста и 1209 роботов. Сейчас ищут 757 программистов ...

Как выровнять пункты и текст ссылок меню?

Тема в разделе "HTML и CSS", создана пользователем jurvrn.ru, 17 июл 2019.

  1. jurvrn.ru

    jurvrn.ru Новичок

    С нами с:
    14 июн 2019
    Сообщения:
    97
    Симпатии:
    2
    помогите выровнять меню в 3 местах.
    1) если значек awesom больше по размеру, чем шрифт текста - то текст прижимается вниз и это выглядит некрасиво, хотелось бы по центру выровнять
    2) расположить все пункты верхнего меню по центру
    3) подменю сдвинуть вниз к нижней границе меню
    сайт http://jurvrn.ru
    выравнивание пунктов меню.png
     
  2. master-web

    master-web Новичок

    С нами с:
    29 май 2019
    Сообщения:
    44
    Симпатии:
    16
    Чтобы расположить текст по центру, добавьте
    Код (CSS):
    1. .easywp-nav-primary a{
    2.   line-height: 48px;
    3. }
    Подменю при этом сдвинется само.

    Для стрелки нужно прописать аналогичное правило
    Код (CSS):
    1. .easywp-nav-menu > .menu-item-has-children:before {
    2.   line-height: 48px;
    3. }
     
    jurvrn.ru нравится это.
  3. jurvrn.ru

    jurvrn.ru Новичок

    С нами с:
    14 июн 2019
    Сообщения:
    97
    Симпатии:
    2
    @master-web спасибо, сделал. Но появилась другая проблема - слишком высокие подменю и стрелка вниз там не нужна (там нужна стрелка право >.
    Как лучше сделать - сослаться методом исключения только на верхнее меню через знак ">" или есть другой метод?

    меню широко.png
     
  4. master-web

    master-web Новичок

    С нами с:
    29 май 2019
    Сообщения:
    44
    Симпатии:
    16
    @jurvrn.ru
    меняем межстрочное расстояние для пунктов подменю
    Код (CSS):
    1. .easywp-nav-primary .sub-menu a {
    2.     line-height: 1.5;
    3. }
    значение подкорректируете уже на свое усмотрение.

    Скрываем стрелки в подменю
    Код (CSS):
    1. .menu-item-has-children .sub-menu a:before {
    2.   display: none;
    3. }
     
    MouseZver и jurvrn.ru нравится это.
  5. jurvrn.ru

    jurvrn.ru Новичок

    С нами с:
    14 июн 2019
    Сообщения:
    97
    Симпатии:
    2
    @master-web спасибо, вожусь с настройками, к слову - лучше высоту строки поставить в 50px, ведь там ещё были бордеры, стало ровнее.
    А код чтобы не портил адаптивное мобильное меню перенес в медиазапрос только для ПК....
    Тема решена.