Logo alignment with left sidebar navigation

[Rozenn]

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!

[Tom]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Rozenn]

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!

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts