font size of primary menu and home button

  • Author
    Posts
  • #160059

    wangjmwalks
    Member

    Hi,

    Is there an option to make the font size and picture of the home button larger? Thanks.

    John

    The blog I need help with is travel2walk.com.

    #160081

    ricardpriet
    Theme Author

    Hell John,
    thank you for writing and using our theme :)

    Yes, to enlarge the primary menu font size, use this CSS:

    .nav-menu li a {
        font-size: 16px;
    }

    And about the home buttons, the same:

    .menu-home a {
        font-size: 16px;
    }

    Also if you want to enlarge the search and others icons in the navbar, add this CSS:

    .menu-toggle, .menu-search, .menu-sidebar {
        font-size: 16px;
    }

    Set the “16px” to the value you desire. Here you are how to add CSS to your WordPress site: https://wordpress.com/support/custom-design/editing-css/

    Hope this helps :)
    Best, Ricardo P. from SiloCreativo

    #160088

    wangjmwalks
    Member

    Thanks Ricardo.

    #160089

    wangjmwalks
    Member

    A follow up question. When I increase the size of the font, the navbar increases in size as well. Is there an option to change that? Thanks again.

    #160096

    ricardpriet
    Theme Author

    Hello there,

    yes, there is a way. Add this CSS:

    @media (min-width: 992px) {
        .nav-menu li a {
            font-size: 18px;
            padding-top: calc((50px - 18px)/2);
            padding-bottom: calc((50px - 18px)/2);
        }
    }

    You have to modify the “18px” value in the three statements, so for example if you desire font size is 16px, then the code will be:

    @media (min-width: 992px) {
        .nav-menu li a {
            font-size: 16px;
            padding-top: calc((50px - 16px)/2);
            padding-bottom: calc((50px - 16px)/2);
        }
    }

    Hope this helps :)
    Bets, Ricardo

    #160103

    wangjmwalks
    Member

    Thanks again Ricardo!

The topic ‘font size of primary menu and home button’ is closed to new replies.