Archived topic

Menu Font

7 replies · Started by James on October 27, 2020

Viewing posts 1–8 of 8

October 27, 2020 at 3:25 am #1505899

Hi,

I would like to change the font on the nav bar of my website to Friz Quadrata, the rest of the site is currently that font but its not in the font family within generatepress but it is loaded onto the website because my website building software finds it.

Current CSS i have on the site is

@media (max-width: 768px) {
.mobile-header-navigation .site-logo.mobile-header-logo img {
height: 68px;
}
.menu-toggle, .main-navigation .mobile-bar-items a {
line-height: 108px;
}
}

if this can be altered to include the font change.

October 27, 2020 at 5:22 am #1506032

Hi there,

can you share a link to your site so i can to see whether your page builder is loading the font across the entire site

October 27, 2020 at 5:24 am #1506037

David,

jamesalowe.co.uk/AW website currently in construction stages

October 27, 2020 at 7:27 am #1506189

Try this CSS:

.main-navigation .main-nav ul li a {
    font-family: "Friz Quadrata", Verdana, Arial, sans-serif;
    font-weight: 100;
}

October 27, 2020 at 8:04 am #1506532

David,

Unfortunately that doesn't work, ive send you temporary credentials

James

October 27, 2020 at 8:10 am #1506541

Did you add the CSS to Customizer > Additional CSS?
If so i think theres some bad spacing characters in the CSS that is causing an issue.

Try replacing it all with this:

@media (max-width: 768px) {
    .mobile-header-navigation .site-logo.mobile-header-logo img {
        height: 68px;
    }

    .menu-toggle,
    .main-navigation .mobile-bar-items a {
        line-height: 108px;
    }
}

.main-navigation .main-nav ul li a {
    font-family: "Friz Quadrata", Verdana, Arial, sans-serif;
}

October 27, 2020 at 8:15 am #1506545

David,

Spot on that seemed to of worked that time

Thanks
James

October 27, 2020 at 8:19 am #1506550

Glad to hear that!

This archived topic is closed to new replies.

Start building better websites today.