How to display a catalog in the bitrix aspro optimus mobile menu?

Question

1C-Bitrix

I can’t figure out how to display the catalog in the aspro optimus mobile menu ... I climbed through the documentation, looked through the entire runet - I didn’t find answers. Does anyone have experience with this template and can help?
In PC version

A in mobile

Answer 1

First, look through the console for the existence of the directory. maybe it's hidden via CSS (since the PC version has it).
Maybe some styles are broken.
Here is an example from the demo

spoiler

<ul class="mobile_menu opened" style="display: block;">
              <li class="icons_fa has-child current">
          <a class="dark_link parent" href="/catalog/">Каталог</a>
                      <div class="toggle_mobile_menu"></div>
            <ul class="dropdown">
                              <li class="full ">
                  <a class="icons_fa parent" href="/catalog/avtoelektronika/">Автоэлектроника</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa parent" href="/catalog/bytovaya_tekhnika/">Бытовая техника</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa parent" href="/catalog/napolnye_pokrytiya/">Напольные покрытия</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa parent" href="/catalog/sadovaya_tekhnika/">Садовая техника</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa parent" href="/catalog/santekhnika/">Сантехника</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa parent" href="/catalog/stroitelnye_materialy/">Строительные материалы</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa parent" href="/catalog/foto_i_video/">Фото и видео</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa parent" href="/catalog/kosmetika/">Косметика</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa parent" href="/catalog/odezhda/">Одежда</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa parent" href="/catalog/sport/">Спортивные товары</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa parent" href="/catalog/elektroinstrument/">Электроинструмент</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa " href="/catalog/novogodnyaya_rasprodazha/">Новогодняя распродажа</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa parent" href="/catalog/tovary_dlya_sobak/">Товары для собак</a>
                </li>
                          </ul>
                  </li>
              <li class="icons_fa  ">
          <a class="dark_link " href="/sale/">Акции</a>
                  </li>
              <li class="icons_fa  ">
          <a class="dark_link " href="/services/">Услуги</a>
                  </li>
              <li class="icons_fa has-child ">
          <a class="dark_link parent" href="/help/">Как купить</a>
                      <div class="toggle_mobile_menu"></div>
            <ul class="dropdown">
                              <li class="full ">
                  <a class="icons_fa " href="/help/payment/">Условия оплаты</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa " href="/help/delivery/">Условия доставки</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa " href="/help/warranty/">Гарантия на товар</a>
                </li>
                          </ul>
                  </li>
              <li class="icons_fa  ">
          <a class="dark_link " href="/info/brands/">Производители</a>
                  </li>
              <li class="icons_fa  ">
          <a class="dark_link " href="/contacts/stores/">Магазины</a>
                  </li>
              <li class="icons_fa has-child ">
          <a class="dark_link parent" href="/company/">О компании</a>
                      <div class="toggle_mobile_menu"></div>
            <ul class="dropdown">
                              <li class="full ">
                  <a class="icons_fa " href="/company/news/">Новости</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa " href="/company/staff/">Сотрудники</a>
                </li>
                              <li class="full ">
                  <a class="icons_fa " href="/company/jobs/">Вакансии</a>
                </li>
                          </ul>
                  </li>
              <li class="icons_fa  ">
          <a class="dark_link " href="/contacts/">Контакты</a>
                  </li>
            <li class="search">
        <div class="search-input-div">
          <input class="search-input" type="text" autocomplete="off" maxlength="50" size="40" placeholder="Поиск" value="" name="q">
        </div>
        <div class="search-button-div">
          <button class="button btn-search btn-default" value="Найти" name="s" type="submit">Найти</button>
        </div>
      </li>
    </ul>