beren

Thank you so much @jpeter it works so well. This is amazing! I don't really know CSS but I am trying to learn. It appears you are calling the second menu screen first with .header-menu-nav-folder[data-folder="root"] { position: relative; min-height: auto; order: 2; } But then it looks like you are saying "do not display any content". .header-menu-nav-folder[data-folder="root"] .header-menu-nav-folder-content { display: none; } This appears to be hiding 'back' button: .header-menu-controls-control[data-action="back"] { display: none; } Although, I'm sorry, i don't really understand the rest. Thank you for your help.

Site URL: https://www.callummckirdy.com/ Hi. On a customer's site they wanted to go with a really clean menu item so we've hidden all the site navigation under a single button for the main navigation. But that navigation looks rubbish on a mobile device: > Any ideas on how to remove the "Menu" when ONLY on a mobile device? Thanks for your help. B

@brandon Thank you so much. This is brilliant.

Would love to see if anyone has been able to work this out. I'm not much of a code expert, at all, but I would really like to use this on a clients site if it can be done.

Thank you for this. I will try it out.

I have this exact same question. It didn't mean anything when I was only using 1 link on the page. But now I have three anchor links and you can clearly see the space between the line above and the image below (https://www.callummckirdy.com/resources) In answer to @paul2009 I have no heading that I can hide this behind unless I change the floating heading over the image which I don't really want to do. So I ask again, like @zaw88 did, is there a way to hide these spaces? Thank you.