Выпадающее меню

В данной категории, пользователи задают вопросы относительно установки и эксплуатации MOGUTA.CMS
Ответить
Аватара пользователя
tvq12
Web-мастер
Сообщения: 246
Зарегистрирован: 23 окт 2015, 12:30
Откуда: Киев
Контактная информация:

Выпадающее меню

Сообщение tvq12 » 17 мар 2019, 11:58

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

Изображение
Аватара пользователя
fedoric
Web-мастер
Сообщения: 169
Зарегистрирован: 23 окт 2018, 11:32
Контактная информация:

Re: Выпадающее меню

Сообщение fedoric » 18 мар 2019, 00:15

css в помощь
Аватара пользователя
tvq12
Web-мастер
Сообщения: 246
Зарегистрирован: 23 окт 2015, 12:30
Откуда: Киев
Контактная информация:

Re: Выпадающее меню

Сообщение tvq12 » 18 мар 2019, 08:26

Я догадываюсь, что стили) Вы не могли бы подсказать где это в стандартном шаблоне?
Аватара пользователя
fedoric
Web-мастер
Сообщения: 169
Зарегистрирован: 23 окт 2018, 11:32
Контактная информация:

Re: Выпадающее меню

Сообщение fedoric » 18 мар 2019, 09:59

@media (min-width: 1025px) {
.c-catalog__link {
height: 40px;
}
}

это заменить на height: auto;
Аватара пользователя
tvq12
Web-мастер
Сообщения: 246
Зарегистрирован: 23 окт 2015, 12:30
Откуда: Киев
Контактная информация:

Re: Выпадающее меню

Сообщение tvq12 » 18 мар 2019, 19:01

Спасибо большое.
Выглядело у меня всё это так:

Код: Выделить всё

    .c-catalog__link {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        padding: 0 10px;
        padding-right: 26px;
        -webkit-transition: all .3s;
             -o-transition: all .3s;
                transition: all .3s;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
Но замена по вашему совету помогла.
Теперь всё красиво
Изображение
Аватара пользователя
tvq12
Web-мастер
Сообщения: 246
Зарегистрирован: 23 окт 2015, 12:30
Откуда: Киев
Контактная информация:

Re: Выпадающее меню

Сообщение tvq12 » 18 мар 2019, 23:16

Извините пожалуйста, но как сделать тоже самое для мобильной версии?
Аватара пользователя
fedoric
Web-мастер
Сообщения: 169
Зарегистрирован: 23 окт 2018, 11:32
Контактная информация:

Re: Выпадающее меню

Сообщение fedoric » 21 мар 2019, 01:26

тоже самое но
@media (max-width: 1024px)
.c-nav__link {
Аватара пользователя
tvq12
Web-мастер
Сообщения: 246
Зарегистрирован: 23 окт 2015, 12:30
Откуда: Киев
Контактная информация:

Re: Выпадающее меню

Сообщение tvq12 » 21 мар 2019, 02:34

Ещё раз спасибо. Вы меня выручаете уже не первый раз.
Аватара пользователя
lsdmdma
Web-мастер
Сообщения: 160
Зарегистрирован: 28 фев 2016, 03:15

Re: Выпадающее меню

Сообщение lsdmdma » 13 мар 2020, 10:20

fedoric писал(а):
21 мар 2019, 01:26
тоже самое но
@media (max-width: 1024px)
.c-nav__link {
Подскажите, в Витрина v9.1.2 я почему то не могу найти эти строки в стилях, наверное что-то поменялось за это время, где теперь регулируется этот параметр в мобильной версии? Спасибо.
Ответить