Two Asides for mobile

[lesliekirk]

I know this is more of a CSS question but it does relate to the layout of a page that has an aside for the cattree or other navigation set. I would like to be able to have 2 asides for a page layout to be able to display the "support" navigation at the top like it does now with the usage of these classes

o-layout--column-reverse o-layout--row-reverse--l

In the desktop view I'd like the second aside to be right under the first one but I think my issue will partly be with the set column widths. In the mobile I'd like the first aside to be on top of the content with the second aside being below it. I've played a little with using the flexbox "order". I can figure it out for a full screen layout but I'm doing something wrong in the mobile view. I'll keep search the web for answers but if anyone has done this and would be willing to share I would love to learn from what you have done.

Thanks!
Leslie

[Matt Zimmermann]

Hi Leslie,

Do you have an example or reference for what you are looking to accomplish?

[lesliekirk]

Hi Leslie,

Do you have an example or reference for what you are looking to accomplish?

If you go to this page look at it desktop - see the two menus. Then look at it mobile. Notice the two menus are now at the bottom (the reverse has been intentionally removed from the div). I would like the "Help" menu above the text (how it would appear if the "reverse" was in place) but the cat tree to remain where it is at.

Sorry, I totally changed my reply