[Resolved] Merge Logo

[Michael]

I am working on my first site and have added a primary and secondary nav menu. Is it possible to have our logo fill the height of both menus? The logo would be left aligned and the two nav menus would be right aligned. Hope that makes sense. At the moment, I have the menus set at a height of 50px each, so the logo ideally would be 100px.

I have been able to add the logo alongside one of the menus, but not merge/fill across both.

[David]

Hi there,

its tricky – it would require some CSS which i am happy to help with. But first you would need to:

1. Include the Site Identity Logo
2. Set both the Primary and Secondary Navigations to float right

This will put all elements within the site header container where we can then wrestle them into place.

Let me know

[Michael]

Thanks David

I have added the site logo and set both primary and secondary navigations to float right.

Michael

[David]

Looking good 🙂 – now add this CSS:

@media (min-width: 768px) {
    .site-logo {
        position: absolute;
        top: 0;
        left: 0;
    }
}

[Michael]

Thanks David!

[David]

You’re welcome

[Author]

Posts