inline positioning with existing logo in header

  • Resolved toxoplasmaarts

    (@toxoplasmaarts)


    4 years, 10 months ago

    I’m using Max Mega Menu to create a dropdown-style menu for a client. The problem is that the theme defines the logo/title separately from the menu items, and each element is receiving its own <div>

    I’d like for the logo/title (on the left-hand side) to exist inline with the dropdown menu (on the right-hand side). I’ve tried all sorts of alignment CSS and nothing works. The plugin is suggesting “a jQuery selector to synchronize the width and position of the sub menu with existing page element (e.g. body, #container, .page)” but this doesn’t achieve what I’m wanting.

    Can someone assist? Has anyone had this problem? Everything I’ve found in the documentation creates a full-width menu *underneath* the page title/logo.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi toxoplasmaarts,

    Thanks for posting a link.

    First please go to Mega Menu > Menu Themes > Custom Styling. Find:

    #{$wrap} {
    clear: both;
}

    Replace with:

    @include desktop {
    #{$wrap} {
        float: right;
    }
}

    Then go to Mega Menu > Menu Themes > Menu Bar and set the Menu Height to 60px.

    There may be other adjustments needed, if so please post back here and I will take another look.

    Regards,
    Tom

    Thread Starter toxoplasmaarts

    (@toxoplasmaarts)

    Thank you Tom!
    This seems to have worked!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘inline positioning with existing logo in header’ is closed to new replies.