[Resolved] Vertical Alignment Primary Navigation

[Jefri]

Hello,
Is there a way to vertically centre the menu items? You can see it is off centre because the logo is quite large.

FYI I merged the navigation and header together.

Site is here:
http://test.subwaywembley.com.au

Thank you.

[David]

The menu items are auto centred. So you just need to increase the menu item line height in the Customiser > Layout > Primary Navigation.
You can set a different height for mobile there as well.
And also specify a different height for sticky under Layout > Sticky Navigation.

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

[Jefri]

Hi David,
Thanks for the reply. However, everytime I adjust the menu height it looks FINE in the customiser (it is perfectly centrer aligned).

However, when I go to preview the site, it goes back to being unaligned vertically.

Any idea about this?

[David]

Have you tried clearing your browser cache?

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

[Jefri]

Hi David,
Yes I tried it is still not vertically aligning.

http://test.subwaywembley.com.au

Any other ideas? Thanks.

[Jefri]

Keep in mind I imported this site from GP Premium ‘Sites’ Function

[Leo]

Can you try commenting out these CSS you’ve added and see if it works?

/* Logo width */
.site-logo {
	max-width:140px;
}
@media(min-width:769px) {
	.site-logo img {
		margin-top: 12px;
	}
}

/* Stick header logo positioning tweaks */
.main-navigation:not(.sticky-logo) img {
	margin-left: 10px; margin-top: -2px;
}
.site-logo.sticky-logo {
  margin-top: 8px;
}
.site-logo.sticky-logo img {
    height: auto;
}

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

[Jefri]

Works now. Thank you very much!!

[Leo]

No problem 🙂

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

[Author]

Posts