Archived topic
Sticky navigation height
9 replies · Started by Josu on March 28, 2017
Hi, im using Generate Press without any header, just primary navigation (because i want my menu to show on the center, not on the floating on the right side).
Is there some way to have a height size of 60 for the primary navigation and 45 for the sticky navigation, so when i scroll down the menu would get smaller.
I´d like to be able to do that while keeping my primary navigation menu aligned on the center, is it possible?
Thank you
Hi there,
Are you able to provide a link to your site?
Thanks!
Hi, sorry, i just realized that its not possible to have a centered menu when you have a logo there, the size of the logo pushes the menu to the left... Is there any way to move the menu a little bit to the left so it will be still on center while having a logo on the left?
And about the sticky navigation size, i´d like to have a sticky navigation menu when you scroll down smaller than the normal one at the top of the page.
Can you give this CSS a shot?
https://generatepress.com/forums/topic/change-height-primary-menu-when-sticky/#post-175920
Let me know if it works.
Actually looks like you are using transition so this code should do:
https://generatepress.com/forums/topic/change-height-primary-menu-when-sticky/#post-175723
Let me know.
Hi, thanks for the help! this code worked to make the sticky navigation bar with a different size, i could make it smaller, however then the menu was showing more to the top of the sticky navigation bar, and the logo more down. They were not centered. So I decided im going to leave the height of the sticky navigation bar the same 60 pixels, not a big deal.
But what i would really like to do is to center the menu, when i put a logo, it automaticly pushes the menu little bit to the right. Is there some way to moove the menu some pixels to the left, so when i put a long logo, the menu it will still look on the center and not on the right side.
Thank you
I think you can try adding the logo into the navigation:
https://docs.generatepress.com/article/centering-logo-navigation/#add-your-logo-to-the-navigation
Let me know if this works before we try the CSS route.
If you want the menu to stay centered even with the logo in there, this might help: https://generatepress.com/forums/topic/navigation-alignment-center-not-centered-due-to-logo/#post-274414
Hi, thanks to Leo and Tom, i´ve added de CSS code and it worked just like i wanted. Thanks a lot really.
Glad we could help :)