Site logo

Archived topic

Logo alignment with left sidebar navigation

3 replies · Started by Rozenn on September 27, 2019

Viewing posts 1–4 of 4

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!

example

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 :)

This archived topic is closed to new replies.