Archived topic
Menu Alignment
4 replies · Started by Andy on August 18, 2016
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
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 :)
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;
}
}Thanks Tom, had to make it margin-top: 50px; to get it central.
Keep up the excellent work!!
You're welcome :)
