Component Stopping Auto-layout set up


I am hoping for some help! I have built a side menu bar using component variables; when you click the navigation tier 1, the 2nd tier items will appear and all other 1st tiers items underneath will drop in alignment.

However, this issue is when I make the side menu frame a component. Clicking the 1st tier item to expand and show the 2nd tier items, laps over all underneath components.

The settings is all the same, but each time I make it a component it does not work - can anyone help me?

You have those new toes hidden on the component right? If so, it should push content dow if all the auto layout is correct. But remember you can’t add or subtract elements from a component, only show/hide