Полное раскрытие раскрывающегося меню в мобильном телефоне, но не на рабочем столе в Wordpress - PullRequest
Новая
       10

Полное раскрытие раскрывающегося меню в мобильном телефоне, но не на рабочем столе в Wordpress

0 голосов
/ 09 мая 2018

Я новичок в WordPress и хотел бы полностью развернуть строку меню в заголовке на мобильной версии, но не на рабочем столе. Как я могу сделать это в CSS? Вот код, который я пробую, но не успешно: 

.menu-item {
  display: none;
}

.open>.menu-item {
  display:block;
}

вот HTML-код: 

<div id="primary-menu" class="menu"><ul>
<li class="page_item page-item-77 page_item_has_children current_page_item"> 
<a href="http://localhost/innospace/wordpress/?page_id=77">Facilities</a>
<ul class='children'>
<li class="page_item page-item-98"><a 
href="http://localhost/innospace/wordpress/?page_id=98">Printing</a></li>
<li class="page_item page-item-181"><a 
href="http://localhost/innospace/wordpress/?page_id=181">Scanning</a> 
</li>
</ul>
</li>
<li class="page_item page-item-14"><a 
href="http://localhost/innospace/wordpress/">welcome</a></li>
</ul></div>

1 Ответ

0 голосов
/ 09 мая 2018

ты рядом. используйте медиа-запрос css, например: 

@media only screen and (max-width:600px) {
    .menu-item{
    display: block;
    }
  }

и по умолчанию будет 

.menu-item{
display: none;
}

play arround с максимальной шириной, так как он устанавливает правила CSS ниже, когда экран ниже этой ширины.

...