Hamburger menu nav and normal navbar on desktop 7.1

Hey guys!

I used the following code to have the hamburger menu nav on my 7.1 site: 

.header-burger { display:flex!important}
.header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;}
.header-nav, .header-actions {visibility:hidden!important}

It works well, but I would like two menus navigation: 

On desktop: 

1) a normal menu navbar with the first 4 page links

2) the rest of the page links under the hamburger menu bar. 

On mobile: 

everything under hamburger menu bar. 

Is it even possible on squarespace 7.1?

thank you 🙂

Have you solved it yet?