Доброго дня!
Есть многоуровневое меню (картинка 1)
Жму на кнопку Каталог - открывается блок с дополнительным содержимым. В этом содержимом есть подменю и под-под меню. Проблема тут такая часть содержимого из правого под-под меню не умещается на экране. Все потому, что блок с доп. содержимым относительно кнопки КАТАЛОГ открывается с выравниванием по левой своей части.
Вот код в этом положении
.cs-menu-container .dropdown,
ul.type-category li .sub-cate {
position: absolute;
top: auto;
left: 0;
z-index: 1000;
float: none;
min-width: 230px;
padding: 0;
margin: 0;
border: 1px solid #cccccc;
border-top:2px solid #c04a62;
background: #fff;
Что я делаю:
меняю значение left: на -200px;
В итоге получаю нужное мне расположение (картинка 2)
Но тут же исправляя одно я получаю вторую проблему: блок содержимого кнопки ИНФОРМАЦИЯ уходит далеко влево от самой кнопки вызова (картинка 3)
Какие мне элементы использовать в коде, чтобы выравнивание всех блоков меню (который появляется при нажатии на кнопку) происходило по центру самого блока относительно кнопки? Как правильно выровнять блок относительно кнопки?