mobile How do I change the size of the Member Login text link in mobile navigation?

Site URL: https://www.jezhawk.com

Heya - I'm currently making some tweaks to the CSS on my website. I changed the size of the font in my mobile nav using custom css found here in the forum, and would like to do the same for the "login / account" link if possible as right now it's huge.

Similarly it would be awesome if I could either get rid of the underline link style in mobile view or make the underline not touch the text lol!

Any help would be greatly appreciated!

Or if just the login link then:

 .header-menu-nav-item a[href="#"] {
    font-size: 18px!important;
}

And then the below to remove the lines:

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

On 3/24/2021 at 2:30 AM, jezhawk said:

Site URL: https://www.jezhawk.com

Heya - I'm currently making some tweaks to the CSS on my website. I changed the size of the font in my mobile nav using custom css found here in the forum, and would like to do the same for the "login / account" link if possible as right now it's huge.

Similarly it would be awesome if I could either get rid of the underline link style in mobile view or make the underline not touch the text lol!

Any help would be greatly appreciated!

Add to Design > Custom CSS

/* login text mobile */
.header-menu-nav span.unauth {
    font-size: 18px;
    font-family: futura-pt;
}

On 3/24/2021 at 8:58 PM, ErikaT said:

Hi,

Try:

 .header-menu-nav-item a {
    font-size: 18px!important;
    background-image:none !important;
}

Thank you Erika! Worked a treat! Very much appreciated!