Archived topic

changing font size navigation menu German

3 replies · Started by Piet Hein on August 20, 2018

Viewing posts 1–4 of 4

August 20, 2018 at 1:00 am #654015

Hi Guys,

I wanna change the font size for my primary navigation menu in German only.

I've added CSS classes menu_de to the menu items, and:

@media (min-width: 769px) {
.main-navigation .main-nav ul li.menu_de a {
font-size: 11px !important;
}
}

(I've also just tried .menu_de { font-size: 11px} and some other things; not as good with CSS as I would like to be...

However, nothing seems to change anything. Can you tell me what I'm doing wrong?

Cheers,

Piet

August 20, 2018 at 9:38 am #654604

Hi there,

Can you double check on the link to your site?

It downloads a file instead of opening a browser when I click it.

Let me know :)

August 20, 2018 at 11:51 pm #655222

Hi Leo,

Thanks for your reply. The link is correct. (website.xowox.org). Your browser started downloading a file due to this issue. https://generatepress.com/forums/topic/something-is-terribly-wrong-with-my-menu/#post-654618.

However, that one is fixed. So now all that remains is making the German menu a bit smaller, so my donate won't fall off on too small screens...

Piet

August 21, 2018 at 9:08 am #655878

Looks like you were on the right track.

Just make the font-size property smaller to like 15px in the existing CSS:

@media (min-width: 769px) {
    .main-navigation .main-nav ul li.Donate a {
        -webkit-border-radius: 28;
        line-height: 40px;
        -moz-border-radius: 28;
        border-radius: 28px;
        -webkit-box-shadow: 1px 3px 3px #ffffff;
        -moz-box-shadow: 1px 3px 3px #ffffff;
        box-shadow: 1px 1px 3px #ffffff;
        font-family: Georgia;
        color: #ffffff;
        font-size: 15px;
        background: transparant;
        border: 1px solid #fff;
        text-decoration: none;
    }
}

Make sure to clear plugin cache.

This archived topic is closed to new replies.

Start building better websites today.