[Support request] How do you make menu icons bigger or smaller?

Home Forums Support [Support request] How do you make menu icons bigger or smaller?

Home Forums Support How do you make menu icons bigger or smaller?

  • This topic has 4 replies, 2 voices, and was last updated 6 years ago by Leo.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #507008
    sdanbu

    How do you make menu icons bigger or smaller/

    Thank you

    #507122
    Leo
    Staff
    Customer Support

    Hi there,

    Do you have menu icon + text in the menu item or just the icon?

    #508043
    sdanbu

    Just icon.

    But both options would help.

    I’d like to perhaps use Media query for mobile

    #508044
    sdanbu
    #508329
    Leo
    Staff
    Customer Support

    Try adding a custom class like menu-icon for the menu items that you want bigger: https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

    Then use this CSS to change the size:

    @media (min-width: 769px) {
        .main-navigation .main-nav ul li.menu-icon a {
            font-size: 20px;
        }
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    If this doesn’t work, can you link me to the site?

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