[Support request] changing font size navigation menu German

Home Forums Support [Support request] changing font size navigation menu German

Home Forums Support changing font size navigation menu German

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #654015
    Piet Hein

    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

    GP Premium 1.7.1
    #654604
    Leo
    Staff
    Customer Support

    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 🙂

    #655222
    Piet Hein

    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

    #655878
    Leo
    Staff
    Customer Support

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.