Подскажите где искать стили выпадающего дочернего меню? Необходимо изменить положение дочерних меню на странице. Тема 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;
}
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости