How do I load my Primary menu in my Foundation Off canvas region off-canvas position-left?

In menu--main.html.twig I have below structure for my desktop menu:

<div class="top-bar nav-desktop show-for-small-only">
  <div class="wrap">

    <div class="top-bar-left">
      <a class="site-logo" href="/site">Griffioen</a>

    <div class="top-bar-right">
      {{ menus.menu_links(items, attributes, 0) }}


I hide it on mobile with the Foundation class show-for-small-only. But now it's hiding the main menu also in the off-canvas position-left.

Is there somehow a way to load another twig template from the main menu in the Off canvas region e.g. menu--off-canvas.html.twig? Then I am able to hide the desktop menu menu--main.html.twig and show the Off Canvas menu menu--off-canvas.html.twig?


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.