Site logo

Archived topic

why is horizontal scrollbar in view?

9 replies · Started by Jasper on March 23, 2017

Viewing posts 1–10 of 10

Hi Jasper,

I think it's causing by the big image below the primary navigation inserted by Elementor.

It's wider than the site container.

Let me know if this helps.

Hi,
I don't think that is the case because this page has the same: http://liberi.jsierink.nl/approach/biotech/
And that image is smaller.
But even if the image is too big it should resize to full width.

The issue is on my laptop with 1366px wide screen the same as on a screen with 1920px wide.

It looks like Elementor is calculating the width of the viewport and applying it to the slider. The issue is you have a border, which is adding to that calculated width, causing the scroll.

Try removing the left/right border.

Cant find that border, there is a border to the section of the image but that is only top and bottom, ni left or right.

The border settings should be in the Elementor settings for that section (not necessarily the slider).

There is no border left/right on the section, column or element. At least not visible in the elementor settings.

Hmm, you're right. That's strange, I can usually pinpoint the element causing the issue, but can't in this case.

When this happens, you can do this:

body {
    overflow-x: hidden;
}

That will prevent the horizontal scrolling from happening.

that solves it, thanks

No problem :)

This archived topic is closed to new replies.