The Brand New Blog Post Editor Released!

Read more
Mon. - Fri. 9 am - 5 pm Support Policy
Remember me

Мега меню

1 week 3 days ago #1

  • Marats's Avatar
  • Marats
  • Posts: 32
Доброго дня!

Прошу помочь в вопросе настройки стилей CSS мегаменю.

При выводе окна меню необходимо чтобы границы окна при заполнении контента вписывались в габариты окна браузера.
Attachments:

1 week 3 days ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 4858
Здравствуйте,

Вам нужно в редакторе кода добавить CSS код :
.vertical-menu .megamenu-item >.tabs-content-wrapper.ba-container.megamenu-center {
    top: 0 !important;
}

С Уважением,
Вячеслав, Balbooa.com

1 week 3 days ago #3

  • Marats's Avatar
  • Marats
  • Posts: 32
Я дико извиняюсь. Было вообще замечательно если окно мегаменю не выходило за рамки контейнера секции. Помогите, плиз :blink: ;) :cheer: :)
Attachments:

1 week 3 days ago #4

  • Marats's Avatar
  • Marats
  • Posts: 32
Указанный стиль приемлем для верхнего пункта меню. Т.е. окно меню выравнивается по пункту меню, но не по верхней границе контейнера секции меню
Attachments:

1 week 2 days ago #5

  • Marats's Avatar
  • Marats
  • Posts: 32
В настройках предусмотрено 2 варианта:
1. по умолчанию (верхняя граница окна мегаменю по пункту меню ) - skan_megamenu_var1_nastr.png
2. по центру ( окно мегаменю располагается по по центру вертикально от пункта меню) skan_megamenu_var2_nastr.png

Хотелось бы что-бы границы окна мегаменю не выходили за границы контейнера секции мегаменю (skan_megamenu_cont.png)
Attachments:

1 week 2 days ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 4858
Здравствуйте ,

Если мы правильно вас поняли, тогда вам нужно использовать этот CSS код
body .vertical-menu .megamenu-item >.tabs-content-wrapper.ba-container {
    top: 0 !important;
}

body .vertical-menu .main-menu .nav.menu > li.megamenu-item {
    position: static;
}

body .vertical-menu .megamenu-item > .tabs-content-wrapper {
    max-height: 450px;
    overflow-y: auto;
}

Regards,
Vyacheslav, Balbooa.com

1 week 2 days ago #7

  • Marats's Avatar
  • Marats
  • Posts: 32
Замечательно.

Какой-то момент возникает. При наведении на пункт мегаменю всплывает его окно. На доли секунды появляется скролинг справа и исчезает. Как его убрать? Сайт в открытом доступе.
Attachments:

1 week 2 days ago #8

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 4858
Для удаления скролла вы можете удалить код
body .vertical-menu .megamenu-item > .tabs-content-wrapper {
    max-height: 450px;
    overflow-y: auto;
}

Без этого кода, если вы добавите много контента он будет вылазить за приделы.

С Уважением,
Вячеслав, Balbooa.com

1 week 2 days ago #9

  • Marats's Avatar
  • Marats
  • Posts: 32
Благо Дарю Vyacheslav!!!

Буду в пределах контейнера размещать контент.

Спасибо за помощь.

1 week 2 days ago #10

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 4858
Пожалуйста ;)

1 week 2 days ago #11

  • Marats's Avatar
  • Marats
  • Posts: 32
Good day Vyacheslav!!!

Развиваю тему мегаменю дальше. :)

Как в моем случае сделать чтобы меняла цвет не только словесная ссылка, но и поле размещения этой ссылки
Attachments:

1 week 1 day ago #12

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 4858
Здравствуйте,

Вы можете сделать это в настройках плагина меню


С Уважением,
Вячеслав, Balbooa.com
Powered by Kunena Forum