Change menu item height in mobile

Home Forums Support Change menu item height in mobile

Home Forums Support Change menu item height in mobile

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #173382
    MELANIE

    Hi Tom,

    I have my menu item height set to 150px to accommodate a tall logo using element spacing. Is there any way of changing this to 60px for mobile only? And having the logo float top and center?

    Also, I am using a plugin to create different secondary menus for different categories. Any way I can change the secondary mobile menu title per category or page instead of globally?

    Thanks for your help, the site is looking great otherwise and I am really enjoying using GeneratePress premium features.

    Mel

    #173452
    Tom
    Lead Developer
    Lead Developer

    Hi Mel,

    Give this CSS a shot:

    @media (max-width: 768px) {
        .main-navigation .main-nav ul li a {
            line-height: 60px;
        }
    }

    Adding CSS: https://generatepress.com/knowledgebase/adding-css/

    As for your second question – give this a try: https://gist.github.com/generatepress/818c2eb3a5ef5a5ca47d

    Adding PHP: https://generatepress.com/knowledgebase/adding-php-functions/

    I have no idea if it will work or not, but it’s worth a shot 🙂

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