XF 2.1 XF Pages - display left column blocks below content on mobile

[ibaker]

I have created an XF Page and when creating the page I have turned on the "List child nodes" option which displayes the child nodes as a navigation menu on the left side of the page. This shows up on a phone as the standard navigation hamburger. However, if I add any widgets or blocks to fill the space under this List child nodes navigation, they are displayed before the content on a mobile phone.

Can anyone advise of a solution that will display those extra widgets etc after the content and not before...thanks