@dimavfox

Как растянуть выпадающее меню на всю ширину экрана?

<ul class="mob-menu">
				<li><a class="logo" href="">LOGO</a></li>
				<li class="toggle"><a href="#"><img src=""></a>
					<ul class="submenu">
						<li><a href="#about">About us</a></li>
						<li><a href="">Contacts</a></li>
						<li><a href="#advantages">Advantages</a></li>
						<li><a href="">Chat</a></li>
						<li><a href="">Sign In</a></li>
					</ul>
				</li>
</ul>


Вот меню, submenu выпадающее, как его растянуть на всю ширину экрана?

.mob-menu{
	display: none;
	height: 30px;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}
.mob-menu .logo{
	color: #fff;
	font-size: 25px;
	font-family: 'Roboto Mono', sans-serif;
	position: absolute;
	top: 13px;
	left: 30px;
}
.mob-menu .toggle{
	position: absolute;
	top: 16px;
	right: 60px;
}
.submenu{
	position: absolute;
	margin: 0;
	padding: 0;
	display: none;
	text-align: justify;
}
.submenu a{
	color: #fff;
	font-family: 'Roboto Mono', sans-serif;
	font-size: 20px;
	padding: 10px 200px;
}
.submenu li{
	padding: 10px;
	border-bottom: 1px solid #656565;
	background: #000;
	padding: 10px -30% 10px -30%;

}
.submenu li:first-child{
	border-top:1px solid #656565;
}
.mob-menu > li:hover > ul.submenu{
	display: block;
}

Стили к двум меню, что не так?
Как исправить и сделать?
  • Вопрос задан
  • 105 просмотров
Пригласить эксперта
Ответы на вопрос 1
Chefranov
@Chefranov
Front-End, Back-End
.submenu{
  width: 100%;
  position: absolute;
  margin: 0;
  padding: 0;
  display: none;
  text-align: justify;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 руб.
Девять линий Ульяновск
от 45 000 до 80 000 руб.
Krome Photos Челябинск
от 80 000 руб.
26 июн. 2019, в 20:56
10000 руб./за проект
26 июн. 2019, в 20:44
3000 руб./за проект
26 июн. 2019, в 19:34
300 руб./за проект