Elements do not shift vertically

I have a toggle side bar menu (its actually mid page and acts as a help section for the user filling in the form which will be in the red shaded area). When I click the ‘Hide Side Bar’ button on the far left, the sidebar I want to appear and disappear works fine, but the red box stays exactly as it is, when means the bar then overlaps the hides the text.

How can I get the red group to shift and allow to remain seen when the bar comes in and out of the screen.

(this works fine when collapsing a height, but can’t get this working with width.


1 Like