Ability to re-arrange columns based on media query

So I have a horizontal navigation menu which has a logo in the middle of it. In other words, it is structured so that there are nav links to the left of the logo, the logo itself, and then nav links to the right of the logo. When i switch to the portrait mobile viewport, however, it breaks. so in the portrait mobile viewport i want the nav bar to rearrange itself and put the logo on top, with auto width, and have the nav links as a solid row underneath the logo.

i can’t figure out how to do that, though, or if there is a better way to do it than with columns…

please help…

thank you :slight_smile:

Richard Nash
Los Angeles, CA

Hi Richard,

You can select your logo and make it not visible on the phone devices right here:

Then you can add another logo and put it in the first column and make it that one visible only on phone devices and not visible on the other devices. Then change the margin/padding accordingly.

Let me know if this helps!

That sounds like it might work :slight_smile: Will give it a try and let you know how it goes… might make it into a template as well if it’s a killer layout…

Richard