© 2021 Greatives Hub - Powered by Greatives & Greatives Web

Does the header with Off-Canvas menu allow normal menu?

Landing Forums Somentra (Impeka) Feedback Does the header with Off-Canvas menu allow normal menu?

  • Creator
    Topic
  • #401
    hiegl
    Participant

    In the theme options the small preview thumbnail, that shows a header layout, seems to have the header with the off-canvas button together with menu items in the usual top area? I cannot see, how this is achieved, as for me no menu item shows up in the header, when off-canvas laypout is selected. Did I miss something?

    Thanks,
    Bernhard

Viewing 7 replies - 1 through 7 (of 7 total)
  • Author
    Replies
  • #402
    Marius1989
    Participant
    Hub Member Badge

    The only header layout that shows the offcanvas menu is #6 + #7 + the new #8 and there is no other menu visible.
    The other icons you might see there are the menu elements icons, not the offcanvas toggle icon.
    Where is the need of 2 main menus? What do you want to achieve?

    One solution might to pick the menu layout #1 and set the menu alignment to center (or whatver you want). Then enable the page side area sidebar under page options and put any content inside you want to.

    • This reply was modified 4 years, 5 months ago by Marius1989.
    #404
    hiegl
    Participant
    Hub Member Badge
    Collector Badge Lvl 1

    My idea was to use the off-canvas menu/button as a kind of custom menu for different parts of the website, while retaining the main top menu. This does not seem to be possible though.
    Your proposal might be the best alternative.

    #405
    Marius1989
    Participant
    Hub Member Badge

    Keep in mind that the responsive menu is available anytime, no matter which header type you choose. You can also trigger it with any button on the page you like. So that might be another solution.
    You could display/hide items or elements on specific sites. It is pretty customizable with very little CSS. Optionally some jQuery – if really needed.

    From UX perspective, the anchor menu might be a better solution, since it would only require 1 click instead of 2.

    • This reply was modified 4 years, 5 months ago by Marius1989.
    • This reply was modified 4 years, 5 months ago by Marius1989.
    #408
    hiegl
    Participant
    Hub Member Badge
    Collector Badge Lvl 1

    Could you tell me, how to trigger the responsive menu with a button on the page?

    #409
    Marius1989
    Participant
    Hub Member Badge

    Just give your button/element the class “grve-toggle-responsive-menu”. As a link, just insert “#” (or anything which fits to you best, e.g. “#hidden-menu”).
    Keep in mind that you need to add a close button with the class “grve-close-btn”, if you don’t use the fullscreen responsive menu (the one where the header keeps visible).

    Also increase the z-index of the menu area from 3 to 7 to hide the main header on desktop mode.

    • This reply was modified 4 years, 5 months ago by Marius1989.
    #410
    hiegl
    Participant
    Hub Member Badge
    Collector Badge Lvl 1

    Thanks, didn’t know that. 🙂

    #412
    Marius1989
    Participant
    Hub Member Badge

    You are welcome!

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Privacy Preferences

When you visit our website, it may store information through your browser from specific services, usually in the form of cookies. Here you can change your Privacy preferences. It is worth noting that blocking some types of cookies may impact your experience on our website and the services we are able to offer.

Our website uses cookies, mainly from 3rd party services. Define your Privacy Preferences and/or agree to our use of cookies.