Сделать меню в шапке шире
Доброго дня.
Вопрос по меню в шапке. Оно сворачивается в "три точки" слишком рано. Очень много свободного места по бокам остаётся.
Где можно изменить ширину меню, после которой оно сворачивается? Или вообще отключить сворачивание.
Добавить ответ
Здравствуйте, Валерий!
Создайте в приложении Сайт блок special.user_css и поместите туда этот код:
@media (min-width: 768px) { .header_menu .uk-width-2-3.uk-width-1-4\@s.uk-width-1-5\@m, .header_menu .uk-width-1-3.uk-width-1-4\@s.uk-width-1-5\@m { width: auto !important; } }Туда же можете складывать и весь остальной кастомный код для вашей темы.
На всякий случай:
Можно поподробнее? Куда вставлять данный блок, шаблона header в теме нету, как был в старой.
Вам нужно пойти в приложение Сайт –> блоки и создать там блок special.user_css и туда вставить код, который я указал комментарием выше.
Прочитайте пожалуйста эти две инструкции:
Вот вставил ваш код! Какие действия дальше, по инструкции ознакомился!
Вы о теме Special спрашиваете и от том как сделать центральное меню в верхней панели шире?
Да!
А... я понял.
Вы спрашиваете, потому что код не действует.
Сразу не заметил – на вашем скриншоте ошибка. /* – символы лишние.
Они "комментруют" этот код и он не действует.
Правильный код выглядит так:
{strip} @media (min-width: 768px) { .header_menu .uk-width-2-3.uk-width-1-4\@s.uk-width-1-5\@m, .header_menu .uk-width-1-3.uk-width-1-4\@s.uk-width-1-5\@m, .header-menu-html .uk-width-2-3.uk-width-1-4\@s.uk-width-1-5\@m, .header-menu-html .uk-width-1-3.uk-width-1-4\@s.uk-width-1-5\@m{ width: auto !important; } } {/strip}Я не правильно, донёс информацию, в общем мне нужно чтобы убиралось 5 категорий в верхнем меню
Здравствуйте, Сергей!
Я всё равно не понял сути вопроса.
Вам нужно чтобы 5 пунктов убиралось?
А что тогда останется?
Или всё таки, чтобы 5 пунктов не убирались?
В таком случае, как вы предполагаете как это можно сделать?
Прячутся те пункты, которые не влезли в блок в одну строку.
Тогда нужно делать пункты короче: и/или уменьшать названия, и/или делать шрифт меню меньше. Либо отключать скрипт сворачивания меню.
Но, отключение скрипта в теме не предусмотрено.
Во-первых, меню станет не красивым.
Во-вторых, некоторые элементы в дизайне, не "ожидают" что оно будет больше, чем задумывалось в дизайне.
Как изменить шрифт?
И можно ли как то ограничить ширину одного блока? Если получается шире - перенос на другую строку?
Добавьте в тот же блок special.user_css, перед закрывающим тегом {/strip} код:
.index-navbar-main .uk-navbar-nav>li>a { font-size: 0.75rem; /* размер шрифта */ font-weight: normal; /* отменяет жирность */ padding: 0 5px; /* уменьшает отступы между пунктами */ }Нет, этого в теме не предусмотрено, к сожалению.
да, спасибо. все получилось.
единственный вопрос -место на скриншоте можно как то использовать?
Можете ссылку дать на этот сайт с темой?
opt.cvtplus.ru
что-то вы там в блоке со стилями напортачили..
Пришлите доступы к админке на [email protected]
Отправил данные!
Поправил.