Archived topic
Center Primary Navigation vertically next to logo
7 replies · Started by Michelle on August 19, 2017
I am trying to center align the primary navigation relative to the logo on this site http://divinehealth.michellec.co
I can achieve it using your code help from this forum (thank you):
.nav-float-right .inside-header .main-navigation {
float: none;
display: inline-block;
vertical-align: middle;
}
However, although that vertically aligns the menu (yay!), it isn't properly floating right to align with right edge of container (aw!).
Is there a way I can achieve both (vertically centered and aligned right)?
Thank you!
Give this a shot:
.nav-float-right .inside-header .main-navigation {
margin-top: 75px;
}Perfect! Thanks so much Leo :)
You're very welcome :)
I just tried this solution and it isn't working. I've tried it in the Chrome dev tools and it works.
If I take the same css and put it into a plugin I get no results.
I tried 2, Tom's Simple CSS and Simple Custom CSS and JS by SilkyPress.com.
I'm using
//** middle align main nav menu **//
.nav-float-right .inside-header .main-navigation {
padding-top: 35px;
}
Dev site https://kpow.wyohost.com
Thanks
-----------------------------------------------------
== WordPress Environment ==
Version: 5.0
== Theme ==
GeneratePress - Version: 2.2.1
GP Premium - Version: 1.7.5
Elementor - Version: 2.3.4
Elementor Pro - Version: 2.2.4
Hi there,
your comments //** middle align main nav menu **// are broken, you can't have double // - they should look like:
/* middle align main nav menu */
Doh...Thanks.
yes, have had a few scratching moments with a rogue / :) Glad you got it resolved.
