Support » Theme: Canape » Layout of Menus

  • Resolved hjlandlord

    (@hjlandlord)


    We have multiple menus Lunch, Dinner and Drinks which I have started populating. However, I would like the menu page to be split into sections of Starters / Mains / Desserts. Is this possible?

    Currently, all the items are showing under the Dinner menu so not clear which are starters or mains.

    I would have the same with the lunch menu too. Also with the Wine menu, it would be nice to categorise under Reds, Whites and Sparkling etc.

    Hope this makes sense.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi there,

    So you essentially want four separate menus on your site, for dinner, lunch, breakfast and drinks?

    The problem here is that the theme only supports one main menu, so from the theme’s point of view, Dinner, is just a menu section of the overall menu, not a menu in its own right.

    What you can try is to create additional sections for starters, mains, and desserts, and then set the Dinner section as the parent section for those sections. Then when someone views the Dinner page, it should be subdivided into those sections. Same for the Drinks menu.

    But if someone views the main Menu page, they’ll also see those sections, so I’d suggest hiding the main menu page on your site. In your site menu remove the Menus item, and replace it with a custom link using #Menus as the URL. That will make that menu item unclickable, forcing visitors to select one of the menus you have listed instead.

    Thank you for your help, I have followed the advice above and got to where I need, thank you so much.

    One last question, on the bottom of the menu’s it shows all the menus listed too, is there a way to remove this section?

    One last question, on the bottom of the menu’s it shows all the menus listed too, is there a way to remove this section?

    We can hide that using some custom CSS. Go to the Customizer and click on Additional CSS. Paste this on a new line in the CSS editor:

    /* Removes bottom breadcrumb menu on menu pages */
    div.menu-breadcrumbs {
      display: none;
    }

    Many thanks – this works perfectly.
    Thanks for all your help.
    Russell

    You’re very welcome 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Layout of Menus’ is closed to new replies.