how do you replace mobile navigation bar with just the pages?

I'd like to have the page links showing instead of hiding it in the hamburger menu on mobile. Is there a way to do so? I tried using a custom CSS that I found on another forum post but it didn't work. I'm also using the Cole template if that helps anyone Here's a picture of something that I would want to see in a mobile view! Thank you!

Hi. If you share site url, we can help easier

site url: https://onion-kale-k7m6.squarespace.com/

password: websitehelp

On 1/23/2021 at 11:01 PM, miggibri said:

site url: https://onion-kale-k7m6.squarespace.com/

password: websitehelp

Add to Design > Custom CSS

/* Force desktop nav on mobile */
@media screen and (max-width:767px) {
.header-display-desktop {
    display: flex !important;
}
.header-display-mobile {
    display: none;
}
.header-burger {
    display: none;
}
.header-nav {
    display: flex !important;
}
.header-nav {
    display: flex !important;
    flex: 70% !important;
    justify-content: flex-end;
}
.header-title-nav-wrapper {
    flex-direction: column;
}
}

Hi, thanks for this code! Only thing is that the menu is not center anymore. Also, cart icon doubled up (.showondesktop appeared), so I hid it. Any help here ? thank you 

8 hours ago, laurentlarue said:

Hi, thanks for this code! Only thing is that the menu is not center anymore. Also, cart icon doubled up (.showondesktop appeared), so I hid it. Any help here ? thank you 

What is your site url? We can check easier