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!

Hi, I have a similar issue. Shop link on mobile website is larger! Tried the above code but didn't work for me.

website www.foundermade.com

21 hours ago, MarketingFounderMade said:

Hi, I have a similar issue. Shop link on mobile website is larger! Tried the above code but didn't work for me.

website www.foundermade.com

Add this CSS

/* Shop size */
.header-menu-nav-wrapper a {
    font-size: 17px !important;
}

On 12/5/2023 at 8:48 AM, tuanphan said:

Add this CSS

/* Shop size */
.header-menu-nav-wrapper a {
    font-size: 17px !important;
}

Hi, doesn't seem to be working!

On 12/18/2023 at 7:26 PM, MarketingFounderMade said:

Hi, doesn't seem to be working!

Can you keep code in CSS box? I can check it again easier