индивидуальный стиль для мобильного подменю - PullRequest
0 голосов
/ 10 июня 2019

Я пытаюсь изменить внешний вид подменю моего сайта на мобильных устройствах;моя тема уже имеет специальный стиль для мобильных устройств, моя проблема в том, что она не работает по медиазапросу

Поэтому я создал мобильное меню, включающее в себя стили для выпадающего подменю, которое отображается при тестировании на экранах небольшого размера.но когда я проверяю свой сайт на моем телефоне, появляется подменю по умолчанию, которое сливается справа, как показывает анимация.Я не знаю, что добавить в мою 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 */

1 Ответ

1 голос
/ 10 июня 2019

Вы пытались использовать медиа-запросы в вашем CSS? Для мобильного устройства вы можете использовать нижеприведенное, чтобы обернуть все пользовательские CSS, которые вы хотите для своего телефона.

@media screen and (max-width: 600px) {
  css {
    Your customer CSS goes here
    }
}

Обратитесь по ссылке из школы w3 для получения дополнительной помощи - https://www.w3schools.com/css/css3_mediaqueries_ex.asp

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...