- This topic has 9 replies, 3 voices, and was last updated 7 years, 1 month ago by
.
-
Posts
-
I can’t figure out why the horizontal scrollbar is in view on this site: http://liberi.jsierink.nl/
Customer Support
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.
Lead Developer
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 🙂
- You must be logged in to reply to this topic.