Hamburger Menu on Desktop Site

Site URL: http://www.unmilaya.com

Hello all, 

I would like my desktop site to have an icon (at the moment im just using a + /hamburger for the navigation. At the moment I have faked it by using a folder to hold all of the navigation and I love the way it looks, however on mobile of course it doesn't look right as the menu is then just shown as +. I know I can use code to force mobile navigation on desktop but I dont want that, I like how it looks the way I have designed it on desktop. Does anyone know a way around this? 

I hope this makes sense!

Thank you so much

Add to Design > Custom CSS

a.header-nav-folder-title {
    visibility: hidden;
}
a.header-nav-folder-title:before {
    content: "\e030";
    font-family: 'squarespace-ui-font';
    visibility: visible;
    font-size: 30px;
}
/* Burger dropdown desktop - normal burger mobile */
@media screen and (max-width:991px) {
	.header-menu-nav-folder {
    transform: unset !important;
}
.header-menu-controls.container.header-menu-nav-item {
    display: none;
}
[data-folder="root"]>.header-menu-nav-folder-content:first-child {
    display: none;
}}