прилагаются 3 изображения. Первое меню на мобильном телефоне в портретном режиме. Отлично смотрится и как бы мне хотелось, чтобы это выглядело и на ландшафте. Второе - это меню, которое почему-то немного опускается в портретном режиме. Наконец, последнее - это меню, которое нажимается на СУПЕР, когда у вас открыто несколько вкладок. Включены мои стили для этого раздела.
.mobile-navbar {
display: block;
position: fixed;
bottom: 0px;
height: 80px;
width: 100%;
z-index: 2;
a:hover {
background-color: none;
}
}
Не уверен, что это имеет значение, но я включил также свое тело и html стили.
html {
position: relative;
height: 100% !important;
font-size: 16px;
-webkit-text-size-adjust: none;
touch-action: manipulation;
position: relative;
overflow-x: hidden !important;
}
body {
font-family: 'Source Sans Pro', sans-serif;
background-color: $white;
color: $base-dark;
overflow-y: auto;
overflow-x: hidden !important;
font-size: 16px !important;
padding-right: 0 !important;
-moz-transform: scale(1.0, 1.0) !important; /* Moz-browsers */
zoom: 1.0 !important; /* Other non-webkit browsers */
zoom: 100% !important; /* Webkit browsers */
height: 100% !important;
width: 100% !important;
position: fixed;
}
Дайте мне знать, если кто-нибудь есть какие-то идеи, как заставить мобильную навигационную панель придерживаться дна и удерживать ее неподвижной, не просачиваясь ниже контейнера. Я не знаю, почему, но она работает на КАЖДОМ мобильном браузере, кроме safari.
Мобильное изображение
Пейзаж мобильного изображения
Мобильное изображение с несколькими вкладками