Archived topic
Logo alignment with left sidebar navigation
3 replies · Started by Rozenn on September 27, 2019
Hi,
I have a design in 2 part, with logo and menu on the left, and content on the right.
I can't get rid of the empty space in the header. I see on the forum it's not possible to include the header logo in the navigation anymore, so how do I align the pages and articles on the top of the screen? I've spent 3 hours trying many different things, please help!

Hi there,
Let's try this:
1. Create a Layout Element: https://docs.generatepress.com/article/layout-element-overview/
2. Go into the Disable Elements section and disable the Site Header.
3. Set the Display Rules to the entire site.
Now:
1. Create a Hook Element: https://docs.generatepress.com/article/hooks-element-overview/
2. Add your logo to the hook content:
<div class="site-logo">
<a href="URL TO YOUR SITE">
<img src="URL TO YOUR LOGO" alt="" />
</a>
</div>
3. Set the hook to before_left_sidebar_content
4. Set the Display Rules to the Entire Site.
That should do it.
Let me know :)
Hi Tom,
It worked after I added "1" to Priority in the hook. Or else the logo was under the menu.
Great help, many thanks!
You're welcome :)