WP eLDeR MegaMenu документация v1.0.1 Вся документация Купить плагин
Документация › Примеры настройки

Пример: Расширенные

Мегаподменю целиком из двух блоков своего HTML — для «лендингового» меню с текстом, списком преимуществ и контактами.

Блок «Своя вёрстка» (2/5) и блок контактов (3/5)
Блок «Своя вёрстка» (2/5) и блок контактов (3/5)

Структура пунктов

  • РасширенныестраницаПодменю → Тип подменю: Мега-подменю · Подменю → Позиция: На всю ширину
    • [Свой контент]Пользовательский контентзаголовок, абзац, список · ширина 2/5
    • [Свой контент]Пользовательский контенттелефон, почта, часы работы с иконками Font Awesome, кнопка · ширина 3/5

HTML блоков

HTML
<h4 style="margin:0 0 .5em">Своя вёрстка</h4>
<p>Блок «Свой контент» принимает любой HTML и шорткоды: заголовки, списки, кнопки, формы других плагинов.</p>
<ul style="margin:0;padding-left:1.2em">
  <li>Колонки любой ширины</li>
  <li>Отступы и выравнивание</li>
  <li>Скрытие на мобильных</li>
</ul>
HTML
<h4 style="margin:0 0 .5em">Свяжитесь с нами</h4>
<p style="margin:0 0 .4em"><i class="fa-solid fa-phone"></i>&nbsp; +7 (000) 000-00-00</p>
<p style="margin:0 0 .4em"><i class="fa-solid fa-envelope"></i>&nbsp; hello@eldertime.ru</p>
<p style="margin:0 0 .8em"><i class="fa-solid fa-clock"></i>&nbsp; Пн–Пт, 10:00–19:00</p>
<a href="#" style="display:inline-block;padding:.5em 1em;border-radius:8px;background:#4f46e5;color:#fff;text-decoration:none">Написать нам</a>
  • Иконки Font Awesome работают в любом HTML меню: <i class="fa-solid fa-phone"></i>.
  • Ширины 2/5 + 3/5 = 1 — два блока в одной строке.
  • На мобильных блоки встают друг под другом; ненужный можно скрыть на панели «Адаптивность».