Owl карусель появляется полоса прокрутки снизу при использовании свойства display: table; для род.элемента?

Question

[stichii]

Добрый день! Нужно чтобы контенкт сайта выравнивался по центру по вертикали, поэтому заданы такие свойства.

.site-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
}
.site-wrapper-inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

Используется на сайте owl карусель. При задании свойства display: table для .site-wrapper появляется полоса прокрутки внизу
Можно ли как то это исправить? В контейнер не могу поместить с фик. шириной так как надо адаптив. и чтобы элементы были на всю ширину
Вот ссылка на пример www.test.rybalkasng.ru/test

Comments

[Максим]

а max-width:100%; можно сделать ?

Answer 1

[Максим]

cover-container дай width: 100vw; (ширина окна браузера)

Comments

[stichii]

спасибо тебе большое!