Not sure what is causing the mobile view to have an unwanted horizontal scroll. Ideas?

Hi,

Not sure what is causing the mobile view to have a horizontal scroll. The desktop view does not have this issue.

The below image shows what happens when i scroll to the right.

No other section protrudes into the blue area except this map block which has a plugin through squarewebsites advanced map block. Could the map be causing this unwanted horizontal scroll to occur or is it something else?

https://projectsinsider.com/project/3-rubida-court-endeavour-hills

lifeisgood

Thanks!

I suspect your Google Map is overflowing. When that happens you see the behaviour you are seeing.

By default I believe Google gives you a map to embed with fixed height/width. That won't work for a responsive environment.

Please see the following for not a solution, but a possible improvement.

Let us know how it goes.

This code fixed it from @tuanphan.

html, body {
    overflow-x: hidden;
}

Original source: