Hope all is going well for everyone. I wanted to reach out to ask for some help with a margin issue I’m having when I scroll to the right of the page. There’s this white margin that appears only when the site is live, but I can’t seem to identify the issue in the editor.
I’ve never done anything differently than how I usually design my sites, which is odd. Also, if you scroll down you’ll notice it readjusts and corrects itself towards the bottom of the main page. Tried searching the forum but couldn’t find anything.
The problem is with your Column Fade Left interaction. The initial appearance has it offset to the right, which is why the issue is correcting itself when you scroll down (the column is being moved to the left, eliminating the margin).
To fix it, switch your Row 11 element overflow to hidden.
The interaction issue definitely makes sense. Good call there! However, that fix wasn’t able to correct the problem. I’m looking into a hidden element - sign up form - that used that fade left interaction to see if that’s the root.
Yeah I think I noticed that other element using the interaction as well. My suggestion would be to either simply place that element so it doesn’t start off the screen, and/or set its initial appearance to display:none, so it doesn’t stretch the screen to the side until called for, at which point it would automatically fix the mystery margin at the same time.
That second approach could give you some strange behavior on tablets, though. If it were me, I’d probably join the two and set it as display:none and also set it so its still contained within the display area. Setting things to transparent without setting them as display:none can also cause other undesired behavior like unclickable areas due to the transparent object.