Отзывчивое меню Развернуть вверх или удалить

Прошло некоторое время, так как мне нужно было полагаться на это удивительное сообщество экспертов, и я надеюсь, что кто-то может спасти меня от здравого смысла.

У меня есть сайт, на котором все работает отлично, за исключением того, что отзывчивое меню делает забавные вещи только на ipad в портретном режиме (768 пикселей). Обычно я могу выяснить и изменить медиа-запросы для разных вещей, но я не могу, чтобы жизнь меня показала.

Проблема: при ширине 768 пикселей мобильное меню находится внизу контейнера, который не будет расширяться, чтобы отобразить все содержимое. Я видел, как другие меню двигаются вверх в противоположном направлении, но не могут понять, как это сделать, и не знаю, возможно ли это здесь.

У меня нет проблем с мобильным навигатором любого другого размера. Сказав это, я был бы счастлив удалить мобильную навигацию на 768, поскольку основное меню действительно подойдет, но по какой-то нечетной причине я не мог заставить ее делать то, что я хотел (первый раз для всего, что я думаю).

Я надеюсь, что мне не хватает чего-то действительно глупого здесь и что это простое решение. К сожалению, это тема WordPress, которая больше не поддерживается автором (рисунок).

PS это только проблема на домашней странице, так как размещение навигация находится на вершине всех других страниц.

Любая помощь будет оценена по достоинству.

URL сайта: http://markreeder.ca/photography

Заранее спасибо. Провести хорошую ночь.

1 ответ

Вы можете попытаться добавить bottom:100%; что-то вроде этого:

#menu:hover ul li:hover ul {
 position: absolute;
 margin-top: 1px;
 font: 10px;
 bottom: 100%; /* added this attribute */
}

licensed under cc by-sa 3.0 with attribution.