How to HAVE both Nav (Header) Menu and Sidemenu?

What is the best way to approach a dual Header menu and Sidebar menu from a design architecture perspective?

When I add both, the Header (Nav) menu and content section are both covered by the sidebar.

1 Like

It would depend if the side nav is the primary one or the topnav

Real thing to solve would be the responsive layout, having modal/submodal page making one of your nav a “child page” for mobile i guess (correct me if i’m wrong)

For you issue i would suggest to just add a left margin to your topnav like in this screen matching the weight of your sidebar

1 Like

If you don’t want two level navigation you can still use those Layout element depending on if you want Side nav or Top nav
image

and for my first message had a though to just use different layout for mobile (bottom nav + topnav on mobile

2 Likes

Thanks @Zacharyb I’ve applied those styling elements and looks great!

2 Likes