Я пытаюсь изменить внешний вид подменю моего сайта на мобильных устройствах;моя тема уже имеет специальный стиль для мобильных устройств, моя проблема в том, что она не работает по медиазапросу
Поэтому я создал мобильное меню, включающее в себя стили для выпадающего подменю, которое отображается при тестировании на экранах небольшого размера.но когда я проверяю свой сайт на моем телефоне, появляется подменю по умолчанию, которое сливается справа, как показывает анимация.Я не знаю, что добавить в мою CSS, чтобы изменить это, или, если это где-то еще, мне нужно внести изменения.Тема «Двадцать девятнадцать», а моя страница: https://demokratietalk.at
В оригинальном CSS я нашел этот код, который описывает, что происходит, но, как уже упоминалось, я не знаю, как он предназначен только для мобильных устройств:
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
display: table;
margin-top: 0;
opacity: 1;
padding-left: 0;
/* Mobile position */
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 100000;
/* Make sure appears above mobile admin bar */
width: 100vw;
height: 100vh;
max-width: 100vw;
transform: translateX(100%);
animation: slide_in_right 0.3s forwards;
/* Prevent menu from being blocked by admin bar */