Добавить глобальный заголовок между Discourse и сайтом

Мы хотели бы иметь современный и адаптивный заголовок, доступный на нашем сайте Discourse и нашем сайте WordPress. Мой вопрос может касаться любой другой платформы (для основного веб-сайта), я просто использую WordPress.

На данный момент нам удалось реализовать это с помощью очень простого навигационного меню. Оно адаптивно для мобильных устройств: при использовании мобильного устройства текстовые заголовки скрываются, и отображаются только иконки кнопок.

Веб-сайт - Pickleballist

Веб-сайт: Мобильная версия

Discourse - Сообщество Pickleballist

Discourse: Мобильная версия


Я написал весь HTML и CSS для глобального заголовка, и он пока очень простой.

По мере расширения нашего сайта и наших предложений было бы здорово иметь более надежное глобальное меню навигации. Однако я хочу, чтобы оно работало так же, как сейчас, чтобы я мог установить одно и то же меню заголовка как на свой сайт Discourse, так и на сайт WordPress.

Я нашел адаптивное меню на CSS под названием “Monaka”, которое, как мне кажется, отлично подойдет для наших нужд, но оно немного слишком сложное для меня… Я не уверен, как его реализовать/установить.

Есть ли какие-либо идеи?

Для справки: существуют похожие темы о глобальных меню навигации и т.д., но я не смог найти конкретное решение для наших нужд.

  1. Как добавить пользовательское гамбургер-меню
  2. Пользовательские ссылки в заголовке
  3. Пользовательские ссылки гамбургер-меню