I’m currently building a website for a client that has 3 navigation bars (it’s a pretty large website) and I’m trying to find a way to re-arrange some of them on mobile. Specifically on desktop, there is a top and bottom navbar in the header as well as a side navbar on individual pages that provides deeper navigation. On mobile, I am trying to hide the bottom navbar in the header and replace it with the side nav bar according to whatever page is being displayed. As of now, when I drag-and-drop the side navbar into the header, it does it on desktop too which I don’t want to happen. Is there a way to just re-arrange elements on mobile? I know flexbox allows for re-arrangement but I don’t think that can apply in a situation like this.
My read-only link is shared below. An example page would be “what we do…and why” in the pages tab. Thanks in advance