Check to see if have anything that contains text that runs over into the right margin. I have only had that happen on the smaller media queries when text overflows width.
Most likely you have an interaction that brings elements in the page below… and while waiting to come into the page, they stay outside and enlarge the body.
OR
you have one element too big below.
Anyway, select your sections one by one and set them to overflow:hidden to mask what’s outside, see i it solves anything.
Can you please share your project’s public link so it’s easier to understand your issue?
scroll up and down page while “right scrolling (mac mouse)”
so that you scroll left / right at the same time.
As the transitions take effect… you will see the “yellow” appear.
Yellow is the background color of the body… to test.
Select section ServiceArea, remove the map entrance interaction. Select the container in it, affect it the map entrance interaction. Be sure the section has overflow:hidden.
So in the future don’t affect your interactions to the outer section, so the overflow hidden can apply to everything inside.
and if you notice… the Map Pin issues came back also.
Earlier, I said the Pin issue fixed itself. But pin now clearly says “Service” not “Service Area”.
If you click on the word service and scroll up / down - you will see “Area”.