Archived topic
Split menu logo disappears on sticky
9 replies · Started by George on March 29, 2020
I am using the method in this article to create a split menu with the logo in the center. I am also using navigation as header and I have applied the sticky method for all screen sizes from the Customizer. The logo shifts to the left on sticky. The method in this thread has fixed the issue but now the centered logo disappears from the normal non-sticky navigation.
Hi there,
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know :)
I have tried it on a clean install and it works. The only thing is that the header's left and right margins don't seem to be equal. I have modified original thread with a link.
Is this still an issue? I'm not seeing anything wrong right now.
Let me know :)
There seems to be an extra margin on the left side of the menu(left of Menu 1) compared to the right (right of Menu 4).
Hi there,
add this CSS:
#site-navigation .navigation-branding {
margin-right: 0;
}Hi David, can you explain this to me? Why does the right margin need to be zeroed out in the first place, since the previous CSS to make the split menu doesn't add any margin, to begin with?
By default this piece of CSS is added:
https://www.screencast.com/t/0rMYnYC2
David's CSS overwrites it.
Oh, I see, ok. Thank you, Leo.
No problem :)
