Поддержка Проблемы и решения Мобильная версия woocommerce (меню)

  • На сайте есть 2-ва меню. (тема storefront)
    1. Горизонтальное вверху.
    2. UberMenu в сайдбаре слева.
    При заходе на мобильную версию сайта, а также при сужении экрана, стандартное меню отображается в самом верху страницы, а UberMenu в самом низу.
    Как их поменять местами?
    Хоть какой файл править подскажите, очень поможет.
    Какой файл отвечает за отображение мобильной версии сайта?

    Буду благодарен, спасибо.

    • Тема изменена 2 года, 8 месяцев назад пользователем yuraok.
    • Тема изменена 2 года, 8 месяцев назад пользователем yuraok.

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

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Создайте отдельное мобильное меню

    tuxfighter

    Оно коряво(прозрачное и ссылки некрасиво смотрятся на шапке сайта) отображается при сужении окна браузера, поэтому хочу переместить UberMenu наверх.
    Уже нашел клас который отвечает за эту Uber-менюшку:

    .ubermenu-skin-earthy.ubermenu-responsive-toggle

    Но незнаю теперь куда и как его вставить?

    А стандартное меню скрыл стилями.

    Может подскадете как его вставить наверх там где стандартное меню расмещается?

    Или как вариант настроить отображение мобильного меню, чтобы оно было не прозрачно при отображении (имею ввиду выпадающее меню)? Этот вариант может будет даже лучше.

    Спасибо за что ответили tuxfighter

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

    UberMenu

    Вам стоит обратиться в ТП этого коммерческого плагина или к его документации.
    Возможно у него есть шорткод, возможно его можно «прицепить» к стандартному меню.
    п.9 правил форума.

    tuxfighter Спасибо за ответ.
    Нашел как изменить фон. В дополнительных стилях прописал:

    ul#menu-mobile-menu.menu
    {
    background: #9aa0a7;
    }

    Посоветуйте как прописать отступы текста ссылок от края меню?
    Если прописать margin-left то двигается весь элемент, а надо двинуть только текст.

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

    Извените за беспокойство, вопрос закрыт. В таблицах доп. стилей.

    ul#menu-mobile-menu.menu
    {
    background: #9aa0a7;

    border:5px solid #2BA2DB;
    padding:20px;
    margin:auto;
    margin-bottom:20px;
    text-align:left;
    }

    Решено.

    • Ответ изменён 2 года, 8 месяцев назад пользователем yuraok.
    • Ответ изменён 2 года, 8 месяцев назад пользователем yuraok.
Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «Мобильная версия woocommerce (меню)» закрыта для новых ответов.