CTA Button Size in Mobile Nav

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

Hi, all. Is there a way to change the size of the CTA button in mobile navigation (SQSP 7.1)? Attaching screen shot. I'd like the text+button to appear more like the smaller styling on the rest of my site. Would settle for just being able to adjust the text size within the button (which might also decrease the button size anyway).

Thanks!

What is access password?

@tuanphan "branding"

Add to Home > design > Custom CSS

.header-menu-cta a {
    font-family: Montserrat;
    font-weight: 700;
    font-style: normal;
    letter-spacing: .02em !important;
    text-transform: uppercase;
    line-height: 1.2em !important;
    font-size: 1rem;
}

1 hour ago, tuanphan said:

Add to Home > design > Custom CSS

.header-menu-cta a {
    font-family: Montserrat;
    font-weight: 700;
    font-style: normal;
    letter-spacing: .02em !important;
    text-transform: uppercase;
    line-height: 1.2em !important;
    font-size: 1rem;
}

@tuanphan Perfect! Thank you! If I wanted to turn the text to #3b3b3b, is that font-color, color, text-color, or something else? Tried all three and none are working, even with "!important" added.

Thanks again!

color: #3b3b3b;

if it doesn't work, try

color: #3b3b3b !important;

4 hours ago, tuanphan said:

color: #3b3b3b;

if it doesn't work, try

color: #3b3b3b !important;

Yes—sadly, as I mentioned, I'd tried this before messaging back and it isn't working. See attached screenshot of my Custom CSS panel and how it's still appearing on mobile... 😕

Try move code I sent to Last Line in Custom CSS

1 hour ago, tuanphan said:

Try move code I sent to Last Line in Custom CSS

@tuanphan That worked! How quirky. Thank you!!

How can I move the bottom CTA button up under the nav items? I have a widget CTA button that is overlapping and it is unsightly 

44 minutes ago, SotaVid said:

How can I move the bottom CTA button up under the nav items? I have a widget CTA button that is overlapping and it is unsightly 

Add to Design > Custom CSS

/* move up nav mobile button */
.header-menu-cta {
    position: relative;
    top: -100px;
}