@Tereverda

Конфликт в меню dropdowns и sticky-top?

64393b5b1205d962201919.png

Есть два строки меню в шапке, при прокрутке. нижняя строка фиксируется, через sticky-top
В верхней строке есть выпадающее меню dropdown оно отображется под второй строчкой - идет на уровень ниже sticky-top - подскажите, как это исправить?

// Верхняя строка
<div class="d-flex flex-grow-1">
            <ul class="navbar-nav">
                <li class="nav-item dropdown show">
                    <a href="https://ronbel.ru/sklad-korobok/" class="nav-link" data-bs-toggle="dropdown">Цены</a>
                    <div class="dropdown-menu hide" role="menu">
                        <a class="dropdown-item" tabindex="-1" href="https://ronbel.ru/sklad-korobok/">Пункты меню</a>
                     </div>
                 </li>
            </ul>
     </div>

// Нижняя строка
<div class="bg-light d-print-none ps-3 pe-3 sticky-top sticky-sm-top sticky-md-top">
 <nav class="yamm navbar navbar-expand-lg navbar-light">
    <div class="collapse navbar-collapse" id="TogglerMainMenu">
        <ul class="navbar-nav lead align-items-lg-center">
            <li class="nav-item dropdown yamm-fw show d-none d-lg-block">
               ... пункты меню
  • Вопрос задан
  • 49 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы