Can't turn underline off for menu items

Hello!

I have a couple of issues that I'm trying to figure out.

1) How do I remove the underlining of each menu item? It doesn't show in preview and I don't see where I can select to remove it.

2) When you first open the page, the jux mega menu doesn't expand across the entire page. But if you scroll down a bit, the width of the menu suddenly "snaps" into the correct page width.

Any ideas on either of these? The underlining is the most pressing issue.

TIA,
Beth

Thank you!

The client would also like the submenu items to be left justified instead of centered. I was thinking once you explained how to change the underline, I'd be able to find that the same way. But if you're going in and making underlines gone and the menu do page width right away, if you could make the text left justified, as well, that would be amazing!

Could you please tell me how I would have been able to do that on my own?

Beth

Hello!

I tried putting in those lines in the css, but it didn't work. I've entered my ftp info, as well.

Also, if you go to the site nwgolfmaps.com, you'll see the module doesn't extend across the entire top of the page (on desktop). If you scroll down, it suddenly does. How do we fix it so it extends across the top all the time?

Beth

Hello!

The code you gave me made the whole menu bar be left justified. I need to text of the submenus to be left justified. Example, if you to the site and hover over Courses, all the submenu items that show up should be left justified, not centered.

How do I do that?

Thank you!

How can I make the mobile version not show the underline?

I tried to do this:

.jux-nav-mobile li a {
text-decoration: none!important;
}

But it didn't seem to work.

Another question: on mobile, the menu isn't "sticky" to the top like it is on the desktop. How do I make sure it's sticky for mobile, as well?