Archived topic
Links next to Logo in sticky menu
3 replies · Started by Max on August 27, 2017
Hi
I have used the code provided in this post:
https://generatepress.com/forums/topic/menu-next-to-logo/
Works fine Site logo then imediately next to it my nav links when page static
However I also use a sticky menu (with a logo) and when I scroll down the logo is aligned left BUT the nav links are still aligned to the right.
What code do I need to use to ensure that the nav links in the sticky menu also appear to the left (right after the sticky logo).
Thanks in advance for your assistance.
Kind Regards
Max
Hi there,
Can you link me to your site so I can see?
Hey Tom
You need an updated photo with your little one. I am sure she is no longer that tiny...
The code snippet I linked to above no longer works (maybe due to updates)
However, I have styled the text in the main nav and sticky nav left justified using the follow css.
Please let me know if it is ok:
/* MENU STYLING */
/* Align text left when menu floated right */
.nav-float-right .inside-header .main-navigation {
float: none;
display: inline-block;
vertical-align: middle;
}
/* Align text left in sticky menu */
.navigation-stick {
text-align: left !important;
}
/* Add space between logo and start of menu links */
.site-logo {
float: left;
margin-right: 60px;
}
Kind Regards
Max
Looks good to me!