how to remove mega menu link underline

Site URL: https://www.thephotographyplace.co.uk/

Hello,

I have just added a plug-in mega menu to my site which has tidied up what was a messy menu. My only issue now is that I want to remove the page link underlines. The mega menu is built in the footer but the underline isn't removed by removing footer ( or header ) underlines. I would be grateful for any thoughts.

Thanks,

Cris

Are you talking about the top navigation submenus? If so, those "underlines" are background-images. They can be removed with this code.
 

.show-mega-menu a { 
  background-image: none !important;
}

Amazing, thanks so much for your prompt reply, that has worked perfectly. 

On 12/30/2020 at 6:22 PM, oncebrewed said:

Amazing, thanks so much for your prompt reply, that has worked perfectly. 

I see your site has very long content on some pages. You should consider adding a back to top button.

Also, on tablet, I see logo is not center (vertical). You can add this to Custom CSS

/* Tablet footer */
@media screen and (max-width:991px) and (min-width:768px) {
div#page-section-5f4d05f523958d79eae28fbf>.row, div#page-section-5f4d05f523958d79eae28fbf>.row .span-8>.row {
    display: flex;
    align-items: center;
}
}