Group is not left justifying next to navigation menu

I have an app that has a floating group on the left for navigation. I want the other “groups” to be directly to the right of this navigation and when the page gets wider the groups will always left justify against my navigation floating group.

We can focus on a specific page in my app called Recipe Box. Recipe box has all groups and items set to left justify in the Responsive Editor and it still centers all items within the group which leaves a gap between the Recipe Box items and the Floating Navigation Group.

Does anyone know why this is happening and how I can fix it? Thanks!

Here’s my editor: [no longer available]

Bump ^^^

Group Recipe Box is right aligned.

That was just because of testing. I switched it back and the problem still exists.

I believe that your issues are stemming from the way you have layered the various groups within the same space in your editor as opposed to stacking them above each other. This approach is highly recommended as best practice to avoid these kind of responsive issues.

Oh good to know! What do you mean by stacking groups above each other vs. layering them?
You mean the groups shouldn’t have the same x, y coordinates?

essentially should’t have the same y. here is an idea of what your editor should look like with multiple “stacked” groups.

Oh that’s a great idea! Let me try it out and see how it works. Thanks!

1 Like

Just reformatted all of my groups to not overlap in the y direction and it worked like a charm! Thanks so much @SerPounce!

1 Like

Awesome, so glad to hear!

1 Like