How to reduce line spacing on Mobile navigation using Wells

Hi everyone,

I am trying to reduce the line spacing on the mobile navigation menu using Wells theme. It's very big and spacious at default.

Have been trying for hours - anyone found a way?

Thanks!

Can you share link to your site?

Hi @Lola23

Put this in Design > Custom CSS:

#mobileNav li a {
         line-height: 1.6em !important;
}

#mobileNav.menu-open {
         height: 220px !important;
         margin-top: -1em !important;
}

Magne

Thank you so much @MagneM !

@MagneM @tuanphan and everyone,

Would you know how to make text decoration underline on click in mobile navigation?

I've got the underline once project page loads but not on click/selected if possible?

Thank you!

@Lola23

#mobileNav li a:hover {
          text-decoration: underline !important;        
}

or:

#mobileNav li a:hover {
          border-bottom: 1px solid !important;        
}

(I guess you can skip all those li's)

Magne

@MagneM Brilliant brilliant thank youu!