Выравнивание блока меню относительно кнопки вызова

[Рома]

Доброго дня!

Есть многоуровневое меню (картинка 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)

 

Какие мне элементы использовать в коде, чтобы выравнивание всех блоков меню (который появляется при нажатии на кнопку) происходило по центру самого блока относительно кнопки? Как правильно выровнять блок относительно кнопки?

 

[mrnobody]

Так нужно?

https://codepen.io/corvus-007/pen/PeZqyd?editors=0100

Я задаю `position: relative;` списку, а не лишке, и через класс модификатор --fullwidth позиционирую dropdown к краям списка.

[Рома]

думаю что да, нужно попробовать! 

Благодарю!