Мне интересно, как изменить расположение моего выпадающего меню, когда сайт находится в наименьшем размере. При просмотре www.whnetv.com на компьютере или планшете выпадающее меню для каналов расположено там, где должно быть. Но на iphone или в самом маленьком окне браузера выпадающие опции отображаются слева от меню.Изменить выпадающее меню
Благодаря
CSS-для вас меню неупорядоченного списка, <ul>, имеет абсолютное позиционирование на основе его родителя.
#menu ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
top: 35px;
left: auto;
z-index: 99999;
background-color: #444;
background-image: linear-gradient(#444, #111);
-moz-border-radius: 5px;
border-radius: 5px;
}
Вам нужно будет изменить позиционирование на основе размера экрана обнаруженным, используя то, что делает вашу страницу отзывчивым, как запросы СМИ:
У меня есть медиа-запросы в CSS для падения. Я добавляю css выше, это не имеет значения. Я также заметил, что это код был написан с использованием медиа-запросов, он был глобальным для всех размеров браузера. Я добавил тот же код к медиа-верхней части медиа-querie, поскольку я не уверен, что изменить. Спасибо – JZDesign
Кажется, что выпадающая палка к строке меню не является конкретной кнопкой. – JZDesign
вы изменяете свойства «сверху» и «слева» на основе размера экрана. Если он меньше, вы хотите изменить положение выпадающего списка в новом месте, в котором находятся каналы. –