Primary menu to be responsive

  • Resolved inf3rn0id

    (@inf3rn0id)


    6 years ago

    Hello, I would like to know how to make Primary menu to be responsive (make it appear like Header menu, in a toggle button) without including it in the Header menu area.

    I don’t want to put it in the Header menu because Header menu is duplicating links above Primary menu and in an ugly way, and besides when Header Toggle is enabled, the links in the mobile menu appear first with the name of the menu, and then I have to click on it in order to show the first menu items.

    Thanks in advance.

    • This topic was modified 6 years ago by inf3rn0id. Reason: added site link

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

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

    (@megamenu)

    Hi inf3rn0id,

    I am sorry, but I do not understand.

    MMM has 2 “views” – desktop and mobile. The width at which the menu switches between the 2 views is determined by the Mega Menu > Menu Themes > Mobile Menu > Responsive Breakpoint setting.

    Could you create some screenshots that explain the issue and post a link to them here? (You can upload them to a site like imgur.com)

    Thread Starter inf3rn0id

    (@inf3rn0id)

    Hi, megamenu, thank you so much for the response.

    These are the images that try to explain the situation:
    https://imgur.com/a/2SKnPAO?

    Although Responsive breakpoint is set at 600px, the menu disappears at 1024px.

    Hope this clarifies what’s happening.

    Cheers.

    Plugin Author megamenu

    (@megamenu)

    Hi inf3rn0id,

    Thanks.

    That is because the theme is hiding the container that the menu is within. Try this under Appearance > Customize > Additional CSS:

    .main-menu-wapper {
    display: block !important;
}
    Thread Starter inf3rn0id

    (@inf3rn0id)

    Awesome! Thanks a lot, it worked.

    One more question, do I have to manually hide the Header menu (Toggle) button that appears when the window is below 1024px?

    Plugin Author megamenu

    (@megamenu)

    Hi inf3rn0id,

    If you mean the toggle button that comes with your theme, then yes you’ll need to use some CSS to hide that (Your theme does not know that MMM has been installed, nor does MMM know which theme you have installed it on).

    Thread Starter inf3rn0id

    (@inf3rn0id)

    Thank you very much for your help, @megamenu . By the way, great plugin.

    Cheers.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Primary menu to be responsive’ is closed to new replies.