Archived topic
Vertical Alignment Primary Navigation
8 replies · Started by Jefri on May 8, 2018
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.
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.
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?
Have you tried clearing your browser cache?
Hi David,
Yes I tried it is still not vertically aligning.
http://test.subwaywembley.com.au
Any other ideas? Thanks.
Keep in mind I imported this site from GP Premium 'Sites' Function
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;
}Works now. Thank you very much!!
No problem :)
