Гамбургер меню в мобильой версии - Joomla 3.x: Шаблоны, разметка и макеты вывода

Всем доброго времени суток,
на днях опять занимался немного с сайтом.
Добавил на сайт некоторые пункты предусмотренные законом и получилось так что они не влезли в навигационное меню (Protostar, позиция 1).
Решил открыть второе меню под позицией "Banner".

Теперь получается так что в мобильной версии главное меню в позиции 1 отображается как гамбургер-меню, а в позиции 3 как столбик отдельных тем.
Гамбургер конечно не эталон красоты но всё же выглядит лучше, как мне кажется.



Может кто знает как сделать что бы меню в позиции 3 так же отображаловь в виде гамбургера?



Скрин (мобильная версия): _https://www.builder-upload.eu/bild-103e7b-1588334937.jpg.html
Скрин (Main Menu - Backend): _https://www.builder-upload.eu/bild-0b35e5-1588334987.png.html
Скрин (Lower Menu - Backend): _https://www.builder-upload.eu/bild-5399e8-1588335016.png.html

Сайт: _https://www.fechtbedarf-bajtinger.de/



Заранее спасибо,
Игарь

Да уж, как я понимаю - "спасение утопающих дело рук самих утопающих" 

Ну а если откопировать в шаблоне (навигацию) позицию 1 под позицию баннер и перенести нижнее меню (из позиции 3) в неё?
Как думаете будет мне гамбургер в мобильной версии?

Сделал сейчас только так:
1. Откпировал в index.php код первой позиции под баннер и назвал её позицией 100.
   <?php if ($this->countModules('position-100')) : ?>
   <nav class="navigation" role="navigation">
      <div class="navbar pull-left">
         <a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
            <span class="element-invisible"><?php echo JTEXT::_('TPL_PROTOSTAR_TOGGLE_MENU'); ?></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
         </a>
      </div>
      <div class="nav-collapse">
         <jdoc:include type="modules" name="position-100" style="none" />
      </div>
   </nav>
        <?php endif; ?>

2. Прописал в templateDetails.xml под баннер позицию 100.
   <position>position-100</position>

3. Прописал в коце файла template.css следующее
    .position-1000 {
      margin-left:15px;
      margin-top:4px;
    }

По пункту 3, почему именно так?
Тупо скопировал вот тут _https://joomlaforum.ru/index.php/topic,302875.0.html с тем что бы посмотреть будет ли второй гамбургер.



Да, второй гамбургер появился _https://ibb.co/JsgNQH2
НО () он на ПК открывается одновременно с верхним а на телефое вообще не открывается.
Т.е. вместо его открывается верхний.



Такие пироги.
Даже стесняюсь спросить ...... может кто подсказать, как довести до ума?

Ребят как перебить класс "nav-collapse" и data-target-Attribut?
Посоветовали на другом форуме, а как не сказали....

Нужно менять data-toggle="моё меню" data-target="моё меню"
Ну и соответственно id="моё меню" в контейнере этого навигационного меню

Нужно менять data-toggle="моё меню" data-target="моё меню"
Ну и соответственно id="моё меню" в контейнере этого навигационного меню

Большое спасибо, я уже думал что никто так и не отзовётся.
Я если честно о сих пор только CSS-ки крутил и не знаю как обрабатывать контейнеры меню.
Я так понимаю, это доработка кода HTML?
Т.е. вот тут ?
Скрин: _https://ibb.co/DbT1H9W

я написал что поменять нужно, если вам сложно то могу могу сделать через ftp, или давайте файл индекс шаблона

Простите меня конечно.
вот так по-моему ненормально 3 дня обсуждаем обычное меню
Ну либо вы найдите кого-то либо вы не можете то просто Вы должны понять что есть
Небольшая разница между тем чтобы потратить кучу времени и разобраться самому или заплатить денег кому-то и Вам помогут разобраться и объяснят

как это у вас есть варианты Вы можете выбирать В любом случае и так и так Вам помогут

!! но Задумайтесь а то сколько вы потратите время Хорошего вам дня

я написал что поменять нужно, если вам сложно то могу могу сделать через ftp, или давайте файл индекс шаблона

Пасиб.
Дело в том что я таких параметов даже не нахожу в index.php шаблона.
(Файл переименовал из .php в .txt а то система ругается)


Да, забыл сообщить - это уже манипулированный файл.
Т.е. под пунктом Banner уже стоит копия position-1, переименованная в position-15.

Я не понимаю, это мильно сложный вопрос и его на самом деле никто не знает как решить?
Или просто принципиально никто не помогает? 


@gartes, к чему видео?

Касательно адресации до контейнера....
Так ведь нижнее меню открывается с правильным содержимым.....
Т.е. контейнер подвязан.


Вопрос в том что бы гамбургеры открывались независимо друг от друга а не как сейчас синхронно.

Что-то не видно второго на сайте. На скрине видел, но на сайте только один.

Я не понимаю, это мильно сложный вопрос и его на самом деле никто не знает как решить?
Или просто принципиально никто не помогает? 


@gartes, к чему видео?

Используйте простл модуль адаптивного меню( их много на JED)
Для вывода вашего меню
Писал как самое простое решение в другом вашем посте, если с программингом не дружите

@AlexB, спасибо за совет. Адаптивное меню - это хорошо. Но так меню то у меня 2.

@sivers, да, я пока что отключил второе что бы не распугивать поситителей.
Поставить назад? Там просто на самом деле ничего кроме того что я внёс в index.php и templateDetails.xml

Это кусок для двух меню. Попробуйте разобраться  и обратите внимание на data-target и добавленных id

@AlexB, спасибо за совет. Адаптивное меню - это хорошо. Но так меню то у меня 2.

@sivers, да, я пока что отключил второе что бы не распугивать поситителей.
Поставить назад? Там просто на самом деле ничего кроме того что я внёс в index.php и templateDetails.xml

Да хоть три
Это же просто модули
Ставите в нужную позицию
Выбираете какое меню выводить и все

@Biss, большое спасибо. Всё работает 
@AlexB, тоже хорошая идея. Но с двумя намбургерами всё же проще.

Вот и замечательно.