WordPress.org
Support » Fixing WordPress » Подменю в мобильной версии не отображается
Подменю в мобильной версии не отображается
Помогите разобраться новичку.
Верстаю сайт (впервые), шаг за шагом продвигаюсь. Столкнулся с проблемой: в мобильной версии сайта подменю не отображается. Плагин Mobile Menu мне не помог.
Подскажите, как настроить?
В кодах и языке программирования не силен. Сайт пишу для саморазвития, что бы понять как это работает.
Спасибо! Сильно не пинайте.
- This topic was modified 1 year, 5 months ago by ayaweber .
The page I need help with: [log in to see the link]
ayaweber, привет.
Столкнулся с проблемой: в мобильной версии сайта подменю не отображается.
Они есть, просто скрыты свойством display: none !important; . То есть, если это моб. версия, то пункты меню второго уровня должны либо изначально быть открыты, либо открываться по клику тапу.
ΞX.MI, привет!
Спасибо за ответ. Но только я не понял, как исправить то?
Если посмотреть на меню на мобильном и кликнуть например на “документы”, то открывается страница документы (которая вообще не нужна, как ее убрать тоже еще не разбирался), а нужно что бы раскрывался список (там еще 3 пункта: законодательство, учредительные, отчетные)
Если убрать “display: none !important;” то меню будет сразу отображаться? А где его убрать в каком файле?
Очень надеюсь на вашу помощь.
Спасибо!
ayaweber,
Если посмотреть на меню на мобильном и кликнуть например на “документы”, то открывается страница документы (которая вообще не нужна, как ее убрать тоже еще не разбирался)
Можно страницу удалить (если она не нужна), а в меню сам пункт реализовать как кастомную ссылку с названием “Документы”.
а нужно что бы раскрывался список (там еще 3 пункта: законодательство, учредительные, отчетные)
В поле ссылки добавьте символ # (думаю, вы знаете что он делает). В итоге получите раскрываемый пункт меню без перехода на страницу “Документы”.
Если убрать “display: none !important;” то меню будет сразу отображаться? А где его убрать в каком файле?
Я бы советовал разобраться откуда там !important; взялся для начала. Затем можно с помощью @media добавить стили конкретно для мобильных и далее уже стилизовать внешний вид как вам нужно:
Это самая простая реализация задачи.
З.Ы.: не плодите !important; – это признак плохого кода 🙂
ΞX.MI, спасибо за по подсказку со страницами. Все получилось здорово!
Откуда там !important; взялся я не знаю, сайт то верстаю с помощью инструментов, сам код боюсь трогать. Я снес сайдбары и боковые меню, может в этом проблема?
Нашел строчки кода в файле admin-menu.css и там очень много строк с восклицательными иконками. Могу код выложить или файл весь прилепить.
@media добавить стили конкретно для мобильных – в том то и проблема, что совсем туго ориентируюсь…. это мой первый сайт, да и пишу его для своего дачного общества…решил взять инициативу в свои руки и сделать онлайн голосование…
Спасибо!
ayaweber,
спасибо за по подсказку со страницами. Все получилось здорово!
Я снес сайдбары и боковые меню, может в этом проблема?
Нет, проблема в другом:
Откуда там !important; взялся я не знаю, сайт то верстаю с помощью инструментов, сам код боюсь трогать.
Генератор костылей зла тем Artisteer лучше сразу удалить и забыть как страшный сон. Вы большего успеха в освоении добьётесь, если возьмёте одну из базовых тем WordPress (2020, 2019, 2018 и т.д.), и посмотрите как что там работает. Или подберёте симпатичную тему из репо WordPress.
@﮳media добавить стили конкретно для мобильных – в том то и проблема, что совсем туго ориентируюсь
В админпанели сайта есть меню, далее: “Внешний вид” -> “Настройка” -> “Дополнительные стили”. Туда можете добавить код:
Если не будет конфликта между !important; , то в моб. меню увидите изменения (может быть потребуется очистить кэш браузера – CTRL + F5 для Win/Linux, CMD + F5 для Mac).
ΞX.MI, вы прям гуру. Спасибо огромное! Теперь отображается меню, правда полностью, а не выпадает. Но я где то встречал код для выпадающего меню, попробую вписать туда же, может получиться.:)
Тему изначально создавал в Артистере, потому что вообще не понимал как и что делать (а там все просто как в ворде), хотел вообще весь сайт там написать, а потом влить (почитав о последующих проблемах отказался от этой идеи). Сейчас попробую по новой сверстать на теме WordPress, посмотрю что получиться.
Еще раз огромнейшее спасибо!
А раз уж тут, можно ли сделать простую регистрацию пользователям для участия в обсуждениях на форуме, для выкладывания фотографий в галерею и т.д. и сделать еще более глубокую регистрацию, только для собственников, что бы они могли голосовать за определенные вопросы (при этом зарегистрированные в легкой форме такие вопросы могут только видеть). Ну а незарегистрированные гости могут только просматривать контент.
Спасибо.
ayaweber, на здоровье 🙂
Теперь отображается меню, правда полностью, а не выпадает.
Я предупреждал, что это самый простой способ)
А раз уж тут, можно ли сделать простую регистрацию пользователям для участия в обсуждениях на форуме, для выкладывания фотографий в галерею и т.д. и сделать еще более глубокую регистрацию, только для собственников, что бы они могли голосовать за определенные вопросы (при этом зарегистрированные в легкой форме такие вопросы могут только видеть). Ну а незарегистрированные гости могут только просматривать контент.
Всё это сделать можно, но лучше разбейте желаемый функционал на конкретные маленькие задачи, чтобы понимать что вы делаете и каков результат. К примеру, хотите обсуждение на форуме? Ставите себе задачу реализовать форум, далее ставите себе задачу разобраться с регистрацией посетителей на сайте и т.д. И так, по кусочкам, делать сайт, учиться и вникать 🙂
Сейчас попробую по новой сверстать на теме WordPress, посмотрю что получиться.
Желаю успеха! Будут вопросы – пишите на форуме, сообщество постарается помочь.
Источник
WordPress.org
Русский
Исчезло меню мобильной версии
Здравствуйте. Есть сайт на котором в один прекрасный момент пропало меню в мобильной версии, в стационарной все нормально. Не пойму с чем это связано и где искать проблему.
Помогите пожалуйста.
Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]
прекрасный момент не совпал с установкой или обновлением или перенастройкой плагина кеширования или оптимизации скриптов и стилей?
да у вас и мобильной версии как таковой нету
Полностью возможно, что устанавливали новый модуль all in one seo puck. Но устанавливал не я а сам владелец.
Я только взялся за администрирование данного сайта, поэтому еще ничего не успел узнать. вот и прошу помощи.
ну как найдете мобильную версию сайта, там же поищите и меню от него
Я по ходу нашел мобильную версию, она генерируется через плагин WPtouch Mobile Plugin
и десктопный фаерфокс в режиме адаптивности (или с маленьким окном) и мобильный видят только полную версию сайта
На телефоне раньше было полное меню а теперь только 3 пункта.
Здравствуйте. Есть сайт на котором в один прекрасный момент пропало….. На телефоне раньше было…
Ничего удивительного в этом нет. Удивительно другое — то что сайт вообще пока работает, так как мы вновь, к сожалению, имеем дело с самопальной темой
https://prepodka.net/wp-content/themes/T-mex_prepodka/style.css
Или это условие такое — на школьном сайте должна быть тема, написанная самими школьниками? 🙂
Когда же создатели сайтов на WP наконец поймут, что не надо тратить время, силы, и возможно деньги на изобретение велосипедов? Тем более плохих велосипедов.
- Ответ изменён 2 года, 8 месяцев назад пользователем O .
- Ответ изменён 2 года, 8 месяцев назад пользователем O .
Я только взялся за администрирование данного сайта, поэтому еще ничего не успел узнать. вот и прошу помощи.
Не занимайтесь ерундой по реанимированию заведомо мертвой темы, а подберите нормальную, современную, функциональную, адаптивную тему из оф. каталога https://ru.wordpress.org/themes/
и будет вам и мобильное меню и многое другое и вообще счастье в администрировании сайта
- Ответ изменён 2 года, 8 месяцев назад пользователем O .
Источник
WordPress.org
Русский
Поддержка → Проблемы и решения → После обновления не работает меню
После обновления не работает меню
После обновления WP 5.5 перестало работать раскрывающее меню на сайте, также не кликабельно меню в админ баре, но оно раскрывается. При рефреше обнаружил ошибку
- Тема изменена 1 год, 2 месяца назад пользователем alexkeich .
- Тема изменена 1 год, 2 месяца назад пользователем alexkeich .
Такая же фигня, только хотел тему создать по этому вопросу
В WordPress 5.5 произведено обновление библиотеки jQuery,
это может создавать проблемы со старыми плагинами и темами, зависящими от старой версии.
Для начала, убедитесь что у вас есть резервная копия сайта, созданная до обновления WordPress. Возможно, если вы не найдете решения, вам придется откатить сайт на состояние до обновления.
(Или вы правда ринулись обновляться сразу же после выхода новой версии даже не создав бэкап?)
1. Проверьте обновления всех плагинов и тем. Установите их, если обновления есть.
2. Установите и активируйте плагин восстановления совместимости со старой версией jQuery
https://ru.wordpress.org/plugins/enable-jquery-migrate-helper/
Это временное решение, которое поможет вам ровно до того момента, пока плагины и темы не будут обновлены.
В вашу консоль будут выводиться сообщения отладки, вы можете использовать их для поиска виновного старого плагина.
3. Сообщите авторам старых плагинов о необходимости обновления.
Используйте сообщения отладки полученные от плагина Enable jQuery Migrate Helper
4. Не забывайте проверять и устанавливать обновления плагинов и тем (или просто включите автообновления для них)
Я не разбираюсь в коде, но нашел на который ругается. Что в нем нужно изменить?
Источник
WordPress Menu не работает на мобильном телефоне
Я только что загрузил свою первую пользовательскую тему на свой сайт, все шло отлично, пока я не проверил сайт на своем мобильном телефоне и не понял, что когда я нажимаю на меню гамбургеров, ничего не происходит. Вот мой сайт:
Вот ссылки на мои style.css файл мой начальная загрузка файл.
И ниже мой файл functions.php и файл header.php
Извиняюсь за мой плохо написанный код заранее, и заранее спасибо.
Решение
Вы получаете следующую ошибку в консоли js:
Ошибка типа: $ не является функцией
Когда я выследил это, это здесь:
var initTop = new Array () ;; $ («textarea»). on («input», function … etc
Сделать две вещи:
- Убедитесь, что ваши вызовы с использованием синтаксиса jQuery вызываются только после того, как jQuery становится доступным (например, внутри вашего существующего jQuery(document).ready( позвоните в тот же файл JS)
- Будьте уверены, что вы можете использовать $() синтаксис … другие ваши звонки, кажется, используют jQuery() Синтаксис означает, что вы можете иметь режим без конфликтов включи.
ОБНОВИТЬ
Хорошо, теперь, когда ваша ошибка JS исправлена, ваша навигация загружается. Хорошая работа. Далее, у вас есть немного чрезмерная реализация nav. Обратите внимание, что в HTML DOM каждый id=»» должен иметь уникальное значение.
Вы найдете, что в вашей реализации идентификатор bs-example-navbar-collapse-1 используется два раза. Если вы используете его только один раз, ваша навигация будет работать нормально. Что происходит сейчас, так это то, что ваш JavaScript находит первый (поскольку он должен быть только один), и пока он открывает этот, другой остается скрытым.
Смотрите это видео:
Я считаю, что это приводит к следующему коду, который вам нужен:
Источник
WordPress.org
Русский
Поддержка → Проблемы и решения → Мобильная версия woocommerce (меню)
Мобильная версия woocommerce (меню)
На сайте есть 2-ва меню. (тема storefront)
1. Горизонтальное вверху.
2. UberMenu в сайдбаре слева.
При заходе на мобильную версию сайта, а также при сужении экрана, стандартное меню отображается в самом верху страницы, а UberMenu в самом низу.
Как их поменять местами?
Хоть какой файл править подскажите, очень поможет.
Какой файл отвечает за отображение мобильной версии сайта?
Буду благодарен, спасибо.
- Тема изменена 1 год, 5 месяцев назад пользователем yuraok .
- Тема изменена 1 год, 5 месяцев назад пользователем yuraok .
Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]
Создайте отдельное мобильное меню 
tuxfighter
Оно коряво(прозрачное и ссылки некрасиво смотрятся на шапке сайта) отображается при сужении окна браузера, поэтому хочу переместить UberMenu наверх.
Уже нашел клас который отвечает за эту Uber-менюшку:
Но незнаю теперь куда и как его вставить?
А стандартное меню скрыл стилями.
Может подскадете как его вставить наверх там где стандартное меню расмещается?
Или как вариант настроить отображение мобильного меню, чтобы оно было не прозрачно при отображении (имею ввиду выпадающее меню)? Этот вариант может будет даже лучше.
Спасибо за что ответили tuxfighter
- Ответ изменён 1 год, 5 месяцев назад пользователем yuraok .
- Ответ изменён 1 год, 5 месяцев назад пользователем yuraok .
- Ответ изменён 1 год, 5 месяцев назад пользователем yuraok .
Вам стоит обратиться в ТП этого коммерческого плагина или к его документации.
Возможно у него есть шорткод, возможно его можно «прицепить» к стандартному меню.
п.9 правил форума.
tuxfighter Спасибо за ответ.
Нашел как изменить фон. В дополнительных стилях прописал:
Посоветуйте как прописать отступы текста ссылок от края меню?
Если прописать margin-left то двигается весь элемент, а надо двинуть только текст.
- Ответ изменён 1 год, 5 месяцев назад пользователем yuraok .
- Ответ изменён 1 год, 5 месяцев назад пользователем yuraok .
Извените за беспокойство, вопрос закрыт. В таблицах доп. стилей.
border:5px solid #2BA2DB;
padding:20px;
margin:auto;
margin-bottom:20px;
text-align:left;
>
- Ответ изменён 1 год, 5 месяцев назад пользователем yuraok .
- Ответ изменён 1 год, 5 месяцев назад пользователем yuraok .
Источник
