Подскажите где искать стили выпадающего дочернего меню? Необходимо изменить положение дочерних меню на странице. Тема twentysixteen.
Как найти стили?
Открываем сайт, нажимаем F12. Внизу откроется окно Development tools.
Правой кнопкой на элемент меню (например, "Выше 7000м") -> Просмотреть код. В dev tools будет выделен нужный элемент: <li id="menu-item-274" ...
. Справа кликаем на hov:
, потом на в чекбокс hover
. Браузер зафиксирует наведение на элементе меню, элемент в dev tools слева получит оранжевую точку и его подменю статично повиснет на экране. Теперь с подменю можно спокойно работать, оно не будет "убегать".
Кликаем ниже <li>
на <ul class="sub-menu">
. Видим его стили справа. Понятно, что надо изменить их на
left: 0;
right: auto;
Дописываем их прямо в окне справа. Видим, что подменю поменяло своё положение.
Наводим курсор на style.css?ver=4.9.4:3071
и видим
http://leninpeak.net/wp-content/themes/twentysixteen/style.css?ver=4.9.4:3071
Это точное указание на имя файла стилей и номер строки в нём - 3071.
Вносите туда исправления, сбрасывайте кеш, и получите искомый результат.
PS. Но все ваши исправления слетят при обновлении темы. Поэтому лучше не трогать основной style.css, а создать дочернюю тему, и добавить в её style.css следующее:
@media screen and (min-width: 56.875em)
.main-navigation li:hover > ul, .main-navigation li.focus > ul {
left: 0;
right: auto;
}
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Написал простого бота для Telegram на C# (консольное приложение), используя библиотеку TelegramBot