How to remove underline in link in 'menu'

How do I remove the underline in links in the menu?

I would like to remove the underline from 'Candles' and 'Found Items' in the menu when viewing the website from the mobile view.

I tried this custom code and it did not work:

.header-menu-nav-item {
  text-decordation: none;
}

Thank you!

Here is the site URL: https://jellyfish-primrose-rjjw.squarespace.com/

The nav item may need to be targeted with custom CSS and to do that your website address needs to be posted. 

@derricksrandomviews I added the site URL to the original post. Thanks.

@derricksrandomviews Thanks for the link. I was able to edit the header to links so that they are consistent with the links in the footer in desktop view.

Do you have any tips for formatting the links that appear in the hamburger menu? See the attached image.

I used the same logic as the above but I can't get the links to show as 'none' for all the links:

.header-menu-nav-item a {
  text-decoration: none !important;
  background-image: none !important;
}

Thank you.

Removing the underline from the hamburger/mobile menu has me stumped for the moment. My 7.0 code doesn't work in 7.1 not this time anyway. 

Thanks for looking into this. I'll fiddle around and report back any findings.