When you insert carousel slider breaks the layout, what is the error?


For 3 days I am suffering and can't solve the problem...
The website on WP. adaptive layout in 3 columns, the page is here - https://tinyurl.com/ybqv6awj

Installed the plugin Carousel Slider which works based on owl carousel.
Deduce on the page in the middle column and get a break layout prntscr.com/hn0hjb
This happens until you ask the container with the fixed width carousel.
While any other container with width:100% in this column nothing breaks.

The problem is that you set a fixed width it is impossible, because the site is responsive and the average column should change its size.

In the plugin settings that refers to the amount of roundabouts there are only Auto width — prntscr.com/hn0ono
It would seem — what you need, but enable what disable — no difference.

At the moment, noticed 2 things.

1. If you look closely, during the initial rendering of the container are rendered correctly, but after fraction of second it increases in width and all the tears.
The nested container noticed the change attributes on the event step-by-step auto-scrolling of carousel

But, to understand this problem failed, changing manually the number to achieve a normal display could not.
Tried to pick a JS carousel, achieved nothing...

2. It seems that the problem goes away if I delete the contents of the right column
<div class="objectInformer">
<article class="objectGalleryVert autoHeight">

Tried to remove contained in the article blocks, change their width, etc. properties - did not help.
Lots 2 main blocks, the layout breaks...

I do not know where to look further...

Thanks in advance to all respondents.
June 10th 19 at 15:11
1 answer
June 10th 19 at 15:13
You have problems because the table view of block elements. Here's what it has.
Add .content .articleArea .row>article properties max-width: 1280px, box-sizing: border-box
And remove .content .articleArea.table .rightBlocks the padding property
Everything falls into place. Then, I think, will understand themselves.
PS This is a support resource you or your development?
Tried, failed, details wrote to You by mail. - jedidiah_Ullrich46 commented on June 10th 19 at 15:16

Find more questions by tags Adaptive designCSSOwl Carousel