#html #css #frontend #custom-pages
#HTML #css #интерфейс #пользовательские страницы
Вопрос:
всем привет, как сделать прозрачным nvabar в HTML для рабочего стола и показать ту же панель навигации при переключении на экране мобильного устройства.? с помощью медиа-запроса.
Комментарии:
1. Итак, хотите немного фона для мобильных устройств и прозрачности для рабочего стола?
2. Бренд всегда отображается справа, но на левой панели навигации отображается только на экране мобильного устройства.
Ответ №1:
В HTML:
<div class="nav">
// opened navbar codes here
</div>
<div class="toggled">
// toggled navbar codes here
</div>
В CSS:
.toogle{
display:none;
}
@media only screen and (max-width: 500px){
.toogle{
display:block;
}
.nav{
display:none;
}
}