Archived topic
Navigation logo alignment Iusse
6 replies · Started by Bambun on April 21, 2018
HI,
I've just bought premium GP and it's incredible but I have a problem with sticky navigation logo position.
In my site, I use a static + sticky navigation. In static navigation I use Header logo and whith css code
.nav-float-right .inside-header .main-navigation {
float: none;
display: inline-block;
vertical-align: middle;
}
I managed to center the logo and the menu text (alligned to center) as you can see on my home page.
However I can not get the same position of the logo when I step to the navigation sticky and logo ends on the left side of the screen with a large space between logo and menu text.
How do I have to have the same position of the logo in the sticky navigation?
Thanks!
Hi there,
I believe this is the layout you are looking for: https://docs.generatepress.com/article/navigation-logo/#navigation-as-header
Let me know if this helps.
Hi Leo,
I had seen it but unfortunately it does not work for me. If I use that css code only the logo is moved and when I resize the layout in responsive navigation, text and logo overlap.
I have read almost all the previous topics and tried all your suggestions but unfortunately I still could not solve the problem.
I would like to create the header menu and the sticky menu like my site
http://www.gransassoich.it/riti-e-pratiche-sociali/la-passione-a-villa-petto-2/
Thank you very much!
Than
The method I link is definitely the best way to achieve the example site you linked.
You need to first disable the merged page header though.
Can you do that first and I can have another look?
Hi Leo,
I do that the issue remains unresolved.
I would like to have the logo + text block centered. if I use this css code
.main-navigation .site-logo.navigation-logo {
position: absolute;
left: 90px;
top: 0;
}
the logo leaves the container and the text menu no longer becomes centered...
Thanks
Glad you found the solution!
