Bootstrap Mobile Menu Подменю Карат не видно

Question

У нас проблема с мобильным меню на нашем WordPress-сайте.

Проблема: при небольших размерах окна просмотра караты, используемые для расширения подменю, не отображаются.Караты, кажется, там и основаны на стилях, белые, но не видны сквозь фон.Я пробовал множество различных исправлений, включая добавление "! Важно" к различным стилям без успеха.

Вот скринкаст, повторяющий проблему.https://www.screencast.com/t/ZbZXTegLCWa

Вы также можете воспроизвести его, просмотрев сайт в браузере и изменив размер области просмотра до 440 пикселей.https://www.windworkssailing.com

Спасибо за ваш вклад!

Answer 1

У вас есть несколько видовых экранов, где эти стрелки меню не видны, поскольку ширина меню навигации слишком велика.

Затронуты следующие видовые окна:

• максимальная ширина: 1000 пикселей
• максимальная ширина: 768 пикселей
• максимальная ширина: 600 пикселей

Поиск этих медиазапросов и следующего элемента css nav.mobile_menu > ul

Изменение свойства width на auto должно решить проблему.

пример:

@media only screen and (max-width:768px) {
    nav.mobile_menu > ul {
        width: auto;
    }
}

Но имейте в виду, что вы должны изменить код CSS на трех позициях, поскольку затронуты три области просмотра.