Мое раскрывающееся меню в мобильном телефоне прекрасно, но на рабочем столе не расширится ни слова home, ни строки меню.Я бы хотел, чтобы он растягивался на всю ширину страницы при нажатии.Как мне это сделать, пожалуйста?
Я попробовал css:
@media (max-width: 5000px) and (min-width: 768)
{#menu {width: 100%! Important;}}
Это не сдвинулось с места даже на миллиметр.
HTML:
<div class="module widget-handle mobile-toggle right
visible-sm visible-xs"><i class="fa fa-bars"></i></div><div
class="module-group right"><div class="module left"><div
class="collapse navbar-collapse navbar-ex1-collapse"><ul
id="menu" class="menu"><li id="menu-item-1496"
class="menu-item menu-item-type-post_type menu-item-
object-page menu-item-home current-menu-item
page_item page-item-19 current_page_item menu-item-
has-children menu-item-1496 dropdown active"><a
title="Home" href="https://adsler.co.uk/">Home </a>.
<span class="dropdown-toggle shapely-dropdown" data-
toggle="dropdown"><i class="fa fa-angle-down" aria-
hidden="true"></i></span><ul role="menu" class="
dropdown-menu"><li id="menu-item-1502" class="fa fa-
user menu-item menu-item-type-post_type menu-item-
object-page menu-item-1502"><a title="Create Adsler
Account" href="https://adsler.co.uk/create-
account/">Create Adsler Account</a></li><li id="menu-
item-1499" class="fa fa-envelope menu-item menu-item-
type-post_type menu-item-object-page menu-item-
1499"><a title="Post