Header Menu Size and Font style (Attention: KHARIS)

Hello Kharis,
I’ve been trying to increase the Font of the Menu items (Home, About, Service, Blog) in my header and also change the font family but couldn’t get it done.
Secondly, can you please show me how to change the back ground of my footer. I tried the following CSS code but it never worked:

    #colophon.site-footer {
        background-color:#f7f7f7;
    }

Can you please show how to do this? Thank you.

In case you need a link to the site: www.digmarto.com

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1200px) {
      .main-navigation a {
        font-size: 18px;
        font-family: "Roboto", Sans-serif;
      }
    }

Try this CSS code:

    .footer-widgets {
      background-color: #f7f7f7 !important;
    }

Regards,
Kharis
aThemes Support

Hey KHARIS,
Thank you so much. I observed that the two CSS code only worked to successfully change the background color of my footer. That is one of the problems solved with the code while the other one remains.

Right now I still don’t know what to do to change the font-size of the main navigation menu. Can you think of any other thing to do to help?
Once again, I appreciate your effort in helping out. God Bless you.

Try this code:

    @media only screen and (min-width: 1200px) {
      .main-navigation a {
        font-size: 28px !important;
      }
    }

Doesn’t it work to you?

Regards,
Kharis
aThemes Support