Горизонтальное мобильное меню

rufyf
9 Posts
rufyf posted this 2 weeks ago

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

Добрый день. Как можно сделать в мобильном отображении горизонтальный вид меню? Сейчас если я отключаю мобильное меню на мобильном, оно становится вертикальным, один пункт меню под другим. А можно ли сделать чтобы они стояли вряд друг за другом. Примерно так как на скриншоте.
Vote to pay developers attention to this features or issue.
7 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 2 weeks ago

Добрый день,

Вы отключаете мобильное меню так, как на скриншоте ниже?

hmenu.png

У вас в меню сейчас 7 элементов? Вы хотите, чтоб они были друг за другом и в несколько рядов?

Gina
Themler Support

Добрый день, Вы отключаете мобильное меню так, как на скриншоте ниже? !hmenu.png! У вас в меню сейчас 7 элементов? Вы хотите, чтоб они были друг за другом и в несколько рядов? Gina Themler Support
rufyf
9 Posts
rufyf posted this 2 weeks ago

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

Да, мобильное меню отключаю, меню начинает отображаться в столбик, а нужно как вы написали друг за другом и вряд.
Support Team
Support Team posted this 2 weeks ago

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

Gina
Themler Support

Оно по умолчанию отображается именно в ряд, а не в столбик. Столбик получается тогда, когда в ряд не помещаются два элемента меню вместе. Можете, пожалуйста, дать ссылку на сайт? Возможно, уменьшив немного размер шрифта, можно будет уместить по два элемента вместе. Gina Themler Support
rufyf
9 Posts
rufyf posted this 2 weeks ago

Вот сайт http://гараж-24.рф и приложил скриншот как у меня настройки. Шрифт не большой, отступов вроде нигде не прописано.

Вот сайт http://гараж-24.рф и приложил скриншот как у меня настройки. Шрифт не большой, отступов вроде нигде не прописано.
Support Team
Support Team posted this 2 weeks ago

Попробуйте выделить меню элемент и указать ему Display: inline-block в панели справа.
Если не поможет, попробуйте добавить этот код в Главная -> Настройки -> CSS:

.vc_responsive .nav-pills li, .vc_responsive .nav-pills a {
    display: inline-block !important;
}

Лучше все же добиться такого вида через настройки меню.

Gina
Themler Support

Попробуйте выделить меню элемент и указать ему Display: inline-block в панели справа. Если не поможет, попробуйте добавить этот код в Главная -> Настройки -> CSS: .vc_responsive .nav-pills li, .vc_responsive .nav-pills a { display: inline-block !important; } Лучше все же добиться такого вида через настройки меню. Gina Themler Support
rufyf
9 Posts
rufyf posted this 2 weeks ago

Разобрался. Я вместо "Вернего меню" вставил "Горизонтальное меню". Для горизонтального сработал этот вариант
.vc_responsive .nav-pills li, .vc_responsive .nav-pills a {
display: inline-block !important;
}
но он плохо на дескопе отображался
Вставил "Верхнее меню" оно сразу стало отображаться по горизонтали, как вы написали.

Разобрался. Я вместо "Вернего меню" вставил "Горизонтальное меню". Для горизонтального сработал этот вариант .vc_responsive .nav-pills li, .vc_responsive .nav-pills a { display: inline-block !important; } но он плохо на дескопе отображался Вставил "Верхнее меню" оно сразу стало отображаться по горизонтали, как вы написали.
Support Team
Support Team posted this 2 weeks ago

Хорошо, спасибо, что написали детали.

Gina
Themler Support

Хорошо, спасибо, что написали детали. Gina Themler Support
You must log in or register to leave comments