• Resolved adamfcooper

    (@adamfcooper)


    Hello,

    Tried to find the correct area to post and this seemed the best one. Apologies if wrong.

    My sites main menu is using the wrong font. Open Sans is what I have used everywhere, but for some reason the menu font isn’t using it.

    @media (min-width: 992px)
    .menu-layout-2 .theme-primary-menu > li > a {
    font-family: poppins;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    color: #3c3c3c;
    }

    From what I can see the font-family is wrong, when I change it in a browser it works, but when i add the updated code in additional css the menu doesn’t change. Can anyone help?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • i have the same problem for my جعبه تقسیم site.
    when i use !important in css the problem solved. like this :

    @media (min-width: 992px)
    .menu-layout-2 .theme-primary-menu > li > a {
    font-family: poppins !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    color: #3c3c3c;
    }

    Thread Starter adamfcooper

    (@adamfcooper)

    Hmm, I did try ‘!important’ but it didn’t fix it.

    This is what I have now:

    @media (min-width: 992px)
    .menu-layout-2 .theme-primary-menu > li > a {
    font-family: sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    color: #3c3c3c;
    }

    But font is still wrong.

    i think you forgot {} open and close on your @media
    your code should be somthing like this.

    @media all and (min-width: 992px){
    .menu-layout-2 .theme-primary-menu > li > a {
    font-family: sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    color: #3c3c3c;
    }
    }

    Thread Starter adamfcooper

    (@adamfcooper)

    Perfect, thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Menu using wrong font’ is closed to new replies.