WordPress Блоггинг темы. Как добавить логотип в выпадающее меню

Из этого туториала Вы узнаете, как добавить логотип в выпадающее меню в WordPress Блоггинг темах (Monstroid2).

1. Откройте папку /wp-content/themes/monstroid2/assets/js/ на вашем сервере.

2. Скачайте файл theme-scripts.js на ваш компьютер и откройте его для редактирования.

3. Найдите следующий фрагмент кода (примерно строки 320-330) :

   $navbar = ( 'style-3' === $layout || 'style-7' === $layout  ) ? $( '.vertical-menu-toggle' ) : $( '#main-menu' );

   

4. Замените идентификатор меню #main-menu на логотип и класс раздела меню:

   

5. Сохраните изменения и загрузите файл theme-scripts.js назад в папку /wp-content/themes/monstroid2/assets/js/ на вашем сервере. Подтвердите замену файла.

6. Затем, добавьте это правило CSS в поле Внешний вид -> Настроить -> Дополнительный CSS (Appearance->Customize->Additional CSS) и сохраните изменения:

   .header-container {
       width: 100% !important;
   }

   

7. Очистите кэш вашего браузера и проверьте внешний вид закреплённого меню.

Это конец туториала. Теперь Вы знаете, как добавить логотип в закреплённое меню в Monstroid2.

Вы можете также ознакомиться с детальным видео-туториалом ниже: