• Reneeann

    (@reneeannmiller1194123)


    Great theme! I’m new to WordPress and am trying to find a way to make the main menu font larger. Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    Hi Reneeann….thank you for your comment about my theme.
    Regarding the font size for the menu, you can definitely do that with some custom CSS that you can add to the “Additional CSS” tab in the customizer. This is the theme’s default styling:

    .primary-navigation {
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.125rem;
        font-weight: 400;
        font-style: italic;
    }

    So for you, the custom css would be:

    .primary-navigation {
        font-size: 1.125rem;
    }

    I use rem units for size, but you can use this PX to EM conveting tool to find out what a px (pixel) size is in rem (em).

    For the submenu font size:

    @media (min-width: 992px) {
    .primary-navigation li li > a {
        font-size: 0.938rem;
    }
    }
    Thread Starter Reneeann

    (@reneeannmiller1194123)

    Thank you! As I said, I’m new to this, so I changed it in the stylesheet. Was that the correct way to do it? Also, if I change the padding, will it bring the main menu back to the size it was?

    Theme Author Shaped Pixels

    (@shaped-pixels)

    You are very welcome….however, if you did that in the theme’s stylesheet, that is incorrect. Although that works, what will happen when a theme update comes along, is that your modification is going to be lost. The best way is to add the css code to the “Additional CSS” tab in the customizer. Or, if you use a plugin called “Simple Custom CSS”, you can put the code in that.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Making menu font larger’ is closed to new replies.