Website scrolling horizontally to the right

useryeNl1 0
Viewed 30

I'm really scratching my head here. I'm trying to fix what i think is a overflow or margin issue with my megamenu (Elementor Elementskit). One can scroll the website to the right.

If i remove the button (Login button in the top right corner), the scroll dissapears. So, i'm guessing something is "wrong" with my button, column or the megamenu it self. This only happens when i set the menubar to sticky.

I've tried to follow the other guides in here from people with similar problem, but i'm guessing mine is a bit different since i can't fix it with "overflow-x/y:hidden" and with "margin:" css.

I've opened a page for you to test, to see if you're able to help me out. This would be much appreciated.

EDIT: This is related to the Wpmet ElementsKit MegaMenu. When removing the background of the MegaMenu to transparant. There's no way that i've found to change the max-width of of the panel it self without custom css.

Thanks a bunch.

overflow margin elementor scroll web
1 Answers

You were right about overflow: super quick and super ugly fix (add this as CSS in the Customize Wordpress page):

html { overflow-x: hidden; }

This doesn't actually remove the excess, it just doesn't let the user see it.

By the way: I tried to delete the button and many of its parent elements and the horizontal scrollbar still appears. Perhaps it's some CSS bug inside Elementor.

userXDr210
Related