Hide Nav links in Mobile View only - keep hambuger

Hi, no css coding seems to work - I would like to remove the nav links and pink background on mobile view only, but keep the hamburger.

Can you share the website URL, page, and password (if applicable) where you're having this problem? Thanks!

Thanks for responding

https://iris-owl-rwdf.squarespace.com/

Look like you're using Will Myer's Secondary Navigation, he has great instructions along will the purchase that has all of the options for adjusting this:

Adjust Mobile Menu Secondary Nav Items

The code Will recommends is:

.wm-secondary-mobile-nav{
   display:none !important;
}

However, it has no impact on my site...do I have competing css? Are you able to see?

I can't directly see your Custom CSS, but he does also offer CSS to keep it visible on mobile, my suspicion is that you might have both added.

I found the competing css code, but i now want to remove the arrow that is remaining, currently it looks like this:

Not sure why that's happening, should be doable with the instructions, we can override if you want and add this to the Custom CSS at the bottom:

@media only screen and (max-width:1024px) {
  .wm-secondary-nav-loaded #wm-subnav {
    display:none;
  }
}