[Resolved] Merge Logo

Home Forums Support Merge Logo

This topic contains 5 replies, has 2 voices, and was last updated by  David 2 months, 3 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1181015

    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.

    #1181426

    David Customer Support

    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

    #1181889

    Michael

    Thanks David

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

    Michael

    #1182040

    David Customer Support

    Looking good 🙂 – now add this CSS:

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

    Michael

    Thanks David!

    #1187754

    David Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.