Adding ‘trigger’ and ‘off-canvas’ area to Desktop Header Customizer

  • Resolved WebDragon

    (@webdragon)


    2 years, 5 months ago

    Loving this new Gutenberg-friendly theme so far, slowly figuring things out and finding out how to get stuff to work how I want.

    The design we’re shooting for uses a Mega-Menu on desktop triggered from the hamburger, to the right of the Secondary Nav which has a few special links (also present in the megamenu)

    so I would like to know where to look in the primary theme, so I can twiddle the Kadence Child Theme with copies and alterations to the requisite sections of the parent theme code, to add the Off-Canvas area and ‘Trigger’ to the Desktop section of the header, so that it can -separately- have the Primary Menu (which will be the mega-menu) on Desktop’s off-canvas, while tablet/mobile Off-Canvas area will have the Mobile Menu

    I’ve been seeing a lot more design decisions on websites that use the hamburger universally, so the fact that Kadence doesn’t have this as an option is a little surprising to be honest.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Chito

    (@chitocamacho)

    Hi there,

    Thank you for writing.

    Are you referring to the header Toggle Widget Area?

    If not, can you send an example or reference site to see what exactly you are trying to achieve?

    Kind regards,
    Chito

    Thread Starter WebDragon

    (@webdragon)

    kind of, similar, but not exactly. On the mobile side of things there is the off-canvas area here https://snipboard.io/rGpxt3.jpg
    I wish to duplicate this for the desktop side of things but NOT interfere with the mobile off-canvas choice, seeing as desktop doesn’t have this option built in https://snipboard.io/fINxLm.jpg

    and we’re looking to achieve something along the lines of https://snipboard.io/vlUoMm.jpg where on desktop, the hamburger opens a mega-menu (defined elsewhere) but on mobile hamburger opens the mobile-menu

    Thread Starter WebDragon

    (@webdragon)

    I might be entirely overthinking this, too, and am going to have to also experiment with making an actual ‘hamburger’ nav menu item and put the entire mega-menu structure below it, so the primary nav consists of one item, with submenu-as-mega-menu. still not sure of the best way to go about accomplishing the designer’s aims with wordpress

    Thread Starter WebDragon

    (@webdragon)

    ok I was able to resolve it in a fashion acceptable appearance-wise to the design spec, using max mega menu and the idea I had in my previous post, so that is all well and good.

    I still think Kadence would benefit from being able to optionally use a hamburger menu on Desktop as well, as that is definitely a design trend that will likely continue as it frees up space for the design on desktop, and retains familiarity thanks to mobile.

    Please consider adding this feature to Kadence, and this final post as an RFE.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding ‘trigger’ and ‘off-canvas’ area to Desktop Header Customizer’ is closed to new replies.