Random sections within grids seem to dock to the far right (it's WAY off). Even when I shrink the items and make them smaller to fit on the mobile screen, the dock is still off.
In the image below, it says it's docked to the right at 0% but that's not right. Anyone know how to solve this?
Hi Jonathan, I figured it out. A little embarrassed because the fix was so simple, but there were text elements that somehow went from fluid to fixed. I caught them and changed everything to fluid and it's perfect now! :-)
https://www.fondendesigns.com/test1
I found a solution, but it's not one I like — with the desktop version, if I make the grid vertical (top and bottom) it works on tablet and mobile no problem.
The problem only arrises when I set the desktop as horizontal (left and right) and then change the tablet and mobile to vertical (top and bottom).
I'm still hoping to find a fix to this problem however, because being unable to use horizontal on desktop in some areas is making my page too long.
Also worth nothing, when the grid is horizontal, it works. But for tablet and mobile, I adjusted the grid layout vertical and that's where the problem is.
I made sure the elements are fluid and they don't have absolute width. I think it's the grid that's the problem. It's almost like the grid has absolute width somehow and on tablet and mobile won't shrink.
Is there a way to adjust the grid? I tried looking already and can't figure it out.
Hey @Elisabeth Fonden,
I'm Jonathan from the Editor X team.
Do you have horizontal scrolling? There are two possible things causing it: - The parent containing the Stack is overflowing because of a large Grid or more than 100% width. - The elements inside the Stack have absolute width and don't shrink according to its parent.
Let me know if you managed to handle it.