Custom Mobile Menu Font (Avenue)

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

Hi Squarespace,

I've been trying to edit the appearance of the mobile navigation menu on my website (linked), but have so far had no luck. I'm using the Avenue template, version 7.0.

I would like to edit the font on mobile so it matches the web version, which uses the "Univers" typeface. In the screenshot I've attached: I'd like the text highlighted in the green box to match the text highlighted in the pink box. Does anyone know of a CSS code I could use for this task?

Additionally, it would be nice if I could slightly reduce the size of the project names under the "WORK" tab (the text that reads "Kits Point Residence", "Lewis Lake Cabin", etc. etc.). I'm generally unsure of how to target text for mobile view, so I'm having a lot of issues here...

Thanks so much for your help!

Add to Home > Design > Custom CSS

@media screen and (max-width:750px) {
nav.main-nav.mobileNav * {
    font-size: 15px !important;
}
div#mobileMenuLink a {
    font-size: 12px !important;
}
.project-title {
    font-size: 5px !important;
}
}

@tuanphan sorry it took me so long to see this! for some reason the forum didn't send me a notification... This worked perfectly though. Really appreciate your help 🙂

50 minutes ago, aap_avan said:

@tuanphan sorry it took me so long to see this! for some reason the forum didn't send me a notification... This worked perfectly though. Really appreciate your help 🙂

(By default, the forum will not send email notifications)