[Resolved] Merge Logo

Home Forums Support Merge Logo

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
    Staff
    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
    Staff
    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
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.