• Суть проблемы такова.
    На сайте установлены два плагина.
    1. UberMenu — боковое левое меню
    2. WP Responsive Menu — меню мобильной версии.

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

    Мне нужно подстроить это чтоп сразу при пропадании левого менб появлялось мобильное.
    В обеих плагинах кастомных настроек к сожалению таких не нашел.

    Нужно толи чтобы мобильное меню быстрее появлялось толи чтобы левое позже пропадало.

    Помогите исправить кто может. Буду благодарен за совет.
    Спасибо.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Лучше желательно чтобы мобильное меню появлялось быстрее. Не могу найти где это прописывается.
    В коде плагина или гдето в коде теми сайта…

    • Ответ изменён 4 года, 9 месяцев назад пользователем yuraok.
    • Ответ изменён 4 года, 9 месяцев назад пользователем yuraok.

    с классами у вас конечно полная жопа. я не знаю что вы там используете но этот список классов к одному меню это не нормально ubermenu ubermenu-main ubermenu-menu-43 ubermenu-responsive ubermenu-responsive-default ubermenu-responsive-collapse ubermenu-vertical ubermenu-transition-shift ubermenu-trigger-hover_intent ubermenu-skin-vanilla-bar ubermenu-has-border ubermenu-bar-align-full ubermenu-items-align-auto ubermenu-bound ubermenu-disable-submenu-scroll ubermenu-sub-indicators ubermenu-retractors-responsive ubermenu-submenu-indicator-closes ubermenu-notouch

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

    @media screen and (min-width: 960px)
    .ubermenu-responsive-default.ubermenu {
        display: block!important;

    до 960px у вас все нормально, далее применяется другой класс и ваше меню скрывается

    @media screen and (max-width: 959px)
    .ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse {
        max-height: 0;
        overflow: hidden!important;
        visibility: hidden;
    }

    ваша задача заменить вот эти параметры @media screen and (min-width: 960px)
    на
    @media screen and (min-width: 768px)
    и @media screen and (max-width: 959px)
    на @media screen and (max-width: 767px)

    или ройтесь в настройках, я более чем уверен что там есть параметры управления шириной, просто они у вас не правильно настроены

    768px это как раз тот размер где появляется верхнее меню

    • Ответ изменён 4 года, 9 месяцев назад пользователем ApTypka.
    • Ответ изменён 4 года, 9 месяцев назад пользователем ApTypka.

    ApTypka (@aptypka)
    ваша задача заменить вот эти параметры
    @media screen and (min-width: 960px)
    на
    @media screen and (min-width: 768px)
    и @media screen and (max-width: 959px)
    на @media screen and (max-width: 767px)

    Заменил эти параметры в стилях плагина левого меню, ничего не изменилось!!
    Также пробовал менять в стилях мобильного меню но в сторону увеличения.
    Где именно менять эти @media screen and, их на сайте очень много…?

    Большое спасибо за ответ.

    А как Вы нашли эти параметры которые нужно заменить? Может посоветуете как искать, я сам найду.
    Мне нужно увеличить ширину отображения мобильного меню.

    • Ответ изменён 4 года, 9 месяцев назад пользователем yuraok.
    • Ответ изменён 4 года, 9 месяцев назад пользователем Yui. Причина: не завидую аккаунту @media
    • Ответ изменён 4 года, 9 месяцев назад пользователем yuraok.
    • Ответ изменён 4 года, 9 месяцев назад пользователем yuraok.
    • Ответ изменён 4 года, 9 месяцев назад пользователем yuraok.
    • Ответ изменён 4 года, 9 месяцев назад пользователем yuraok.
    • Ответ изменён 4 года, 9 месяцев назад пользователем yuraok.
    • Ответ изменён 4 года, 9 месяцев назад пользователем yuraok.
    • Ответ изменён 4 года, 9 месяцев назад пользователем yuraok.

    1. открываете свой сайт
    2. жмете F12
    3. там же меняете дизайн на responsive
    4. выделяете свое меню в левом окне
    5. меняете ширину и смотрите как меняются стили в правом окне

    я уверен что в этих плагинах есть параметры управления шириной

    я уверен что в этих плагинах есть параметры управления шириной

    Да нету. Может разве в платной версии.

    Замучался искать эти @media screen and, их на сайте ОЧЕНЬ МНОГО…

    • Ответ изменён 4 года, 9 месяцев назад пользователем yuraok.

    image
    Пишет что в этой строке.
    Но как мне найти этот .(index):122 ?

    • Ответ изменён 4 года, 9 месяцев назад пользователем yuraok.

    https://ibb.co/dKtRXdV
    https://ibb.co/K6qhg8L

    эти стили задаются Ubermenu css вот там и ищите

    возможно стоит подтянуть знания CSS т.к. это не проблема wordpress а чисто проблема ваших стилей и оформления

    • Ответ изменён 4 года, 9 месяцев назад пользователем ApTypka.

    https://ibb.co/dKtRXdV
    https://ibb.co/K6qhg8L
    эти стили задаются Ubermenu css вот там и ищите
    возможно стоит подтянуть знания CSS т.к. это не проблема wordpress а чисто проблема ваших стилей и оформления

    Да но я хочу чтобы еще быстрее появлялось мобильное меню.
    Я уже все цыфры 768 изменил на 960 и всеравно не появляется мобильное меню, хз.

    я врубаюсь что вы хотите и уже сказал как это сделать. никто за вас этого не сделает, или сделают за $ )

    А если заменить все значения 960 на 768, то срабатывает, только на левое меню.
    Спасибо за совети.
    Решено.

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Тема «Пропадает меню при сужении окна браузера.» закрыта для новых ответов.