Archived topic

Change menu item height in mobile

1 reply · Started by MELANIE on February 17, 2016

Viewing posts 1–2 of 2

February 17, 2016 at 11:19 am #173382

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

February 17, 2016 at 2:19 pm #173452

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 :)

This archived topic is closed to new replies.

Start building better websites today.