Какой самый простой способ скрыть изображение меню гамбургера после ширины Max: 480px с использованием медиа-запроса? ⇐ Html

[Anonymous]

Мое меню гамбургера не появится в адаптивной макете, используя медиа -запрос.

Код: Выделить всё

[list]
[*][url=index.html]HOME[/url]
[*][url=#]CASINO[/url]
[*][url=#]HOTEL[/url]
[*][url=#]ENTERTAINMENT[/url]
[*][url=#]EVENTS[/url]
[*][url=#]MEMBERS[/url]
[*][url=#]JOIN[/url]
[/list]



[img]./images/burger-nav.png[/img]

/* .burger-nav{
position: absolute;
left: 95%;
top: 16px;
} */
< /code>
Когда я комментирует приведенный выше CSS, изображение гамбургера не появляется, даже когда я позже добавляю его в свой медиа-запрос..burger-nav{
display: none;
}
< /code>
Это мой медиа -запрос. < /p>
@media screen and (max-width: 480px){
.burger-nav{
display: block;
position: absolute;
left: 95%;
top: 16px;
}
}

Как я могу получить изображение меню Hamburger, чтобы появиться только тогда, когда ширина просмотра составляет 480px или меньше.

Подробнее здесь: https://stackoverflow.com/questions/638 ... 480px-usin