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

Question

[dzenn]

Добрый вечер!



Вот такая вот проблема. Есть выпадающее меня, уже имеется ширина 100% но мне нужно растянуть до самых краев браузера. Задавать ширину больше ста процентов - это не очень хорошо, да и это контролировать с планшетов до мобильных девайсов не очень просто.

Меню не является дочерним элементом какого либо блока. Создан отдельный div

Comments

[Максим Софронов]

ну и как ты думаешь люди могут тебе помочь без примера кода?

Answer 1

[Артём]

Это к слову об адаптивной верстке

@media only screen and (max-width: 600px) .mobile-menu {
width: 100%
}

Comments

[dzenn]

я же написал то, что уже имеется ширина сто процентов. но все равно до краев не дотягивает почему-то

[Артём]

dzenn: ссылку в студию можно?

[dzenn]

KubrickHabr: codepen.io/dimabarabash/full/Myqpap

проблему видно когда будете уменьшать браузер )

[Артём]

у тебя класс задан .toggle-menu ul li {
right: 20;
padding: 20px;}
убери или поставь 0

[dzenn]

"буцтрам" и моя не внимательность :(

Answer 2

[Вадим Полухин]

.toggle-menu {
    left: 0;
}

.toggle-menu ul {
    padding: 0;
}

у ".toggle-menu" убрать "right"