Archived topic

Merge Logo

5 replies · Started by Michael on February 29, 2020

Viewing posts 1–6 of 6

February 29, 2020 at 9:46 pm #1181015

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.

March 1, 2020 at 7:06 am #1181426

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

March 1, 2020 at 11:56 pm #1181889

Thanks David

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

Michael

March 2, 2020 at 3:39 am #1182040

Looking good :) - now add this CSS:

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

March 6, 2020 at 12:56 pm #1187371

Thanks David!

March 7, 2020 at 5:26 am #1187754

You're welcome

This archived topic is closed to new replies.

Start building better websites today.