Horizontal Scrolling (Sometimes..?)

[CraigDesign]

Hi All!

Back at it again with another website. I for the life of me cannot figure out why SOMETIMES I have a horizontal scrolling bar breaking the immersion, adding space to the right of the page. I'm almost certain I've narrowed it down to the Flex Grid, but cannot figure out the cause. I'm attaching a link to the project.

https://drive.google.com/file/d/10qHL0i ... drive_link

Thanks,
Craig

[BaconFries]

The link doesn't work it requires that I have to login...Please see the url reading from There is a large is empty space at the bottom or right side of my page.Responsive Web Design FAQ When this happens it generally means a object is outside of the viewport.

[CraigDesign]

Hey Bacon,

Thanks for the link! I'll take a look through. I edited the permissions on the link, so if you want to take a look for me, anyone should be able to access it now. My apologies!

[Pablo]

First note that a flex grid should not be inside a layout grid. A flex grid must be a child element of the page.

But, I think the problem is related to LayoutGrid3, because you have selected "fixed width".

[CraigDesign]

Hey Pablo,

Thanks for the reply. My FlexGrid inside of the LayoutGrid was my workaround to get the FlexGrid to follow down on the page as a sticky layer. I couldn't seem to find the option elsewhere.

As far as the FlexGrid3, I had left it on Fixed Width, but it doesn't seem to matter which option I choose, it will eventually leave space on the right. I'm still playing around with it, so I appreciate the suggestions.

Thanks,
Craig

[Pablo]

In the demo projetc you have shared, my suggestion seem to work correct.
Maybe you did not change the correct option?

[CraigDesign]

I believe under style, you're referring to the background image size, correct?

I was playing around with that and still couldn't seem to fix it. It doesn't happen every time, but on certain refreshes it leaves a lot of space on the right side.

I've narrowed it down to the Heading1 with animations. (Reliable. Affordable. Trustworthy.) It seems once the animation is completed, the horizontal scroll disappears, however, sometimes it doesn't seem to. If I hide the layer, I never have an issue with it. I'm assuming because it's flying in, it renders outside of the scroll view, and once complete, it shrinks that view. Maybe if I speed up the timing, or remove that effect all together.

[Pablo]

I believe under style, you're referring to the background image size, correct?

No, I am referring to the 'Layout' property of the layout grid. It is set to 'fixed width', it should be 'fluid'.

[CraigDesign]

I believe under style, you're referring to the background image size, correct?

No, I am referring to the 'Layout' property of the layout grid. It is set to 'fixed width', it should be 'fluid'.

I got you. I was playing around with different elements. It didn't seem to matter what I put in there, but I have narrowed it down I believe.