[Resolved] Menu Alignment

[Andy]

Hi Tom,

Sorry to bother you with such a basic question. I’m testing different menu positions for a site i’m building here: http://tinyurl.com/zrtj257

With the menu floated to the right I thought GP always aligned the menu vertically central with the logo by default, however its currently positioned at the top of the logo. I know I could just add some top margin with CSS to the menu, but am I missing an obvious setting in the customizer that would centralize it vertically with the logo?.

Cheers,

Andy

[Leo]

Hi Andy,

Unfortunately I don’t think there is a setting in the customizer that does that. I remember someone else asked a similar question and Tom did it with some simple CSS 🙂

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

[Tom]

Unfortunately there’s no CSS that exists (besides Flexbox, which is still kind of buggy) that can achieve this.

Your best bet is CSS targeted to desktops only:

@media (min-width: 769px) {
    .main-navigation {
        margin-top: 20px;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Andy]

Thanks Tom, had to make it margin-top: 50px; to get it central.

Keep up the excellent work!!

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts