Archived topic

Menu Item Height w/Descriptions

3 replies · Started by Stephane Bergeron on July 17, 2018

Viewing posts 1–4 of 4

July 17, 2018 at 8:09 pm #626225

Hey there!

This is actually a follow-up to https://generatepress.com/forums/topic/adding-description-under-menu/ which I just saw was marked resolved so you may not have seen my post in there.

I’ve applied the code from that thread here:

https://sandbox.pixelyzed.com/gps/

…in order to test for a client and it’s almost perfect out of the box. I was just wondering if there’s an easy way to make each menu item the full height of the <nav> bar regardless if they have a description or not or some descriptions are on 1 line while others are on two lines.

Thanks!

P.S. Started building our 3rd site with GeneratePress this week, ours and 2 client sites. This would be the 3rd client site 🙂

P.P.S. I'm actually on GPP 1.7 beta 2

July 17, 2018 at 8:37 pm #626242

Hi there,

Give this a shot:

.main-navigation .main-nav ul li a {
    height: 100%;
}

#menu-main-navigation {
    display: flex;
}

Let me know :)

July 17, 2018 at 8:43 pm #626245

Hi Tom,

Works great! I should really learn flex!

Thank you very much!!

July 18, 2018 at 7:20 am #626568

You're welcome! :)

This archived topic is closed to new replies.

Start building better websites today.