[Resolved] Header Logo and Split Menu on Same Line

Home Forums Support [Resolved] Header Logo and Split Menu on Same Line

Home Forums Support Header Logo and Split Menu on Same Line

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1197426
    Joe

    Hello,

    I would like to move the logo up, or the split menu down, so that the menu items sit on the same horizontal line as the logo, similar to in this example: https://www.thedreamhaus.de/

    When I do it with a negative margin on either the header on the navigation bar, the logo loses its centering.

    Please could you advise how best to do that.

    (I am currently using Contained Navigation Width and Inner Navigation Width, Left Aligned with one menu item floated right with class menu-item-float-right)

    Thanks!

    Joe

    #1197649
    Leo
    Staff
    Customer Support
    #1198227
    Joe

    Thanks Leo,

    That works well on large screen sizes, but it seems to take away the functionality of the Navigation Drop Point (The width when the navigation ceases to float and drops below your logo) in Layout / Primary Navigation. That means that, on smaller screens, the menu goes behind the logo.

    Is it possible to keep a Navigation Drop Point using the method you suggested?

    #1198657
    Leo
    Staff
    Customer Support

    I don’t see a way to make that work unfortunately.

    Do you only want one menu item on the right side?

    The method above is for having the same menu items on each side of the logo/site title.

    Also did you change the mobile menu breakpoint? For some reason the toggle isn’t kicking in.

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