Troubleshooting Elementor- Horizontal Scrolling with Mobile View

Share on email
No time to read now? Email this to yourself!

If you’ve created a website or webpage with Elementor, you may have a look on mobile and see white space or that your content scrolls horizontally. Essentially, the view isn’t restricted to the screen and you can scroll sideways. This obviously isn’t ideal for mobile view, so this is how I was able to fix it.

Horizontal Scrolling Issue
Elementor Mobile Horizontal Scrolling Issue Fixed

1. Make sure section is stretched

Do this for every section on the troublesome page.

2. Add this CSS

Add this CSS under the Advanced tab

html,
body{
width:100%;
overflow-x:hidden;
}

3. Fixed!

Update your page, then try to view it again on mobile. You should be good to go!

If the horizontal scrolling isn’t fixed, try doing this on your Theme Builder templates like Header, Footer, or any popups.

Share on facebook
Share on twitter
Share on linkedin
Share on pocket
Share on pinterest
Share on email

Let a pro handle your marketing
Connect with your audience effectively
Spend more time running your business

Elementor

Troubleshooting Elementor- Horizontal Scrolling with Mobile View

If you’ve created a website or webpage with Elementor, you may have a look on mobile and see white space or that your content scrolls horizontally. Essentially, the view isn’t restricted to the screen and you can scroll sideways. This obviously isn’t ideal for mobile view, so this is how I was able to fix it. 1. Make sure section is stretched Do this for every section on the troublesome page. 2. Add this CSS Add this CSS under the Advanced tab 3. Fixed! Update your page, then try to view it again on mobile. You should be good to