Кастомное выпадающее меню в верхнем баннере Есть решение


Создал в теме дизайна Special верхний баннер, добавил туда ссылки на страницы сайта в блоке special.header_banner_text и так где ссылки с выпадающем меню раскрываются, то не видны пункты подменю. На сайте https://vc8bit.ru/ ссылки новости и портфолио

2 ответа
  • Сергеев Владимир
    Разработчик
    Решение
    25 мая 2020 18:25

    Здравствуйте! 

    Так произошло потому, что я не рассчитывал, что кто-то в верхний баннер будет вставлять впадающие меню. =) 

    Там 3 проблемы: 

    • z-index
    • белый цвет фона выпадающих меню + uk-light (включённая инверсия) для баннера
    • выравнивание по центру (этого не видно, пока меню будет белым).

    Исправляем z-index

    В блок special.user_css добавьте код:

    .header_banner {
      position:relative;
      z-index: 2000;
    }


    Исправляем фон

    Здесь три варианта: 

    1. Сделать фон баннера не красным, а каким-нибудь другим, чтобы тёмный цвет текста читался хорошо и отключить инверсию текста в настройках баннера. 

    2. Сделать фон выпадающих меню такого-же цвета как и фон баннера. 
    Для этого в тот же блок special.user_css добавить код: 

    .header_banner .uk-dropdown {
        background: #9d1219;
    }


    3. Прописать тёмный цвет текста в выпадающих меню.
    Для этого добавить в блок special.user_css код:

    .header_banner .uk-light .uk-dropdown-nav>li>a {
        color: #222222;
    }

    Исправляем выравнивание по центру (если надо)
    Добавить в special.user_css код: 

    .header_banner .uk-dropdown {
        text-align: left;
    }

  • Виктор
    Решение
    25 мая 2020 22:45

    Спасибо

Добавить ответ
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!