Skip to main content

Fixing a Toggle box menu that shifts up or down when opening

Learn how to fix a dropdown menu built with Studio.Design's Toggle box when it shifts position as it expands.

If your dropdown menu made with a Toggle box moves up and down when it expands, here's how to fix it.

1. Change the parent box's alignment to top

Change the alignment of the box that contains your Toggle box to top alignment.

The direction in which a Toggle box opens and closes is based on the parent box's alignment. So if the parent box is center-aligned, the Toggle expands both up and down. If it's top-aligned, it expands only downward.

Diagram showing how the Toggle's expand direction changes

2. Fine-tune the overall layout

After changing the parent box's alignment to top, adjust the overall layout with padding or other spacing as needed. This will help your menu expand and look just the way you want.

If you still have questions that this article didn't answer, feel free to reach out to our chat support by clicking the "?" in the bottom right of the editor.

Did this answer your question?