Archived topic
Overlay logo on menu navigation with Stream template
7 replies · Started by Luke on March 11, 2021
I would like my top navigation and my logo to be at the same height on my site.
The only way I've been able to do this is by setting the Primary Navigation "Navigation Location" setting to 'float right'. Unfortunately, when I do this, the background color of the navigation panel no longer spans the width of my site.
I can make the background color span the width of the site if I put it above or below the logo, but not at the same height.
Is there a way to keep the navigation all the way across and height align my logo with it?
Site is password protected. Login info below.
Thanks!
Hi Luke,
You could try navigation as header option:
https://docs.generatepress.com/article/navigation-as-a-header/
Let me know :)
Thank you, Ying. When I try that, I can get the navigation all the way across, but it removes my logo completely. I've enabled it on the website currently so you can see what I mean.
Thanks again.
Try to change the menu item height:
https://docs.generatepress.com/article/menu-item-height-width/#height
That doesn't appear to help. It adjusts the vertical height of the bar, but still doesn't have any affect on whether the logo overlays the menu bar.
Your logo is wide and short, the menu item height need to be at least 80px to make the logo look good. Same as your sticky navigation.
https://www.screencast.com/t/32KQl6SVG6B2
Can you confirm you tried to set menu item height to 80px when Navigation as header is checked?
There it is! Thank you so much!
That was exactly what I needed.
You are welcome :)
