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

Пользовательский CSS

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

Где найти: Внешний вид→WP eLDeR MegaMenu→Общие настройки→Пользовательский CSS

Вкладка «Пользовательский CSS»
Вкладка «Пользовательский CSS»

Настройки

Пользовательские стили

Пользовательские правки CSSМногострочное полепо умолчанию: пустоcustom_tweaks

Главное место для своего CSS. Код выводится на всех страницах сайта после стилей плагина и сохраняется при обновлении плагина. Готовые решения — в разделе CSS: готовые рецепты.

CSS
/* Пример: заголовки колонок с разрядкой */
.eldermenu .eldermenu-submenu .eldermenu-item-header > .eldermenu-target {
  letter-spacing: .08em;
  text-transform: uppercase;
}
Пользовательские правки CSS — мобильныеМногострочное полепо умолчанию: пустоcustom_tweaks_mobile

Стили, применяемые только ниже адаптивной контрольной точки.

Код автоматически оборачивается в @media screen and (max-width: 959px) (или вашу контрольную точку). Писать медиазапрос самому не нужно.

Пользовательские правки CSS — десктопМногострочное полепо умолчанию: пустоcustom_tweaks_desktop

Стили, применяемые только выше адаптивной контрольной точки.

Оборачивается в @media screen and (min-width: 960px). Сюда — всё, что касается наведения, мегаподменю и панели на компьютере.