Site logo

[Resolved] Logo alignment with left sidebar navigation

Home Forums Support [Resolved] Logo alignment with left sidebar navigation

Home Forums Support Logo alignment with left sidebar navigation

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1020639
    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!

    example

    #1021000
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #1021062
    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!

    #1021356
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.