Hi,
What would be the best way to create a menu with tabs—such as “Meals” and “Drinks”—placed next to each other? Using the table editor doesn’t seem very practical for this.
I’d really appreciate any tips you might have! :)
Best regards,
Rixi
Hey rixi,
Thank you for the inquiry.
Have you tried using the Catalogue element? This is the same element used on the Menu page of the Restaurant demo. Please check the link below:
— https://kriesi.at/themes/enfold-restaurant/menu/
Best regards,
Ismael
Hello Ismael,
wow, that ist perfect :) I will try that out! Thank you very much!!!
Sunny regards rixi
Hi,
Thank you for the update.
Try to switch the builder to debug mode to enable the shortcode field.
— https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode
Once the debug mode is enabled, add this template in the shortcode field, the update the page. Edit the Catalogue element, then follow the format of the second item in the list (CHEESEBURGER).
— https://pastebin.com/26bBpUc4
To adjust the style of the custom catalogue element, add this code in the Quick CSS field:
#top .av-patty-menu .av-catalogue-list {
border-top: 0;
}
#top .av-patty-menu ul li:first-child .av-catalogue-item .av-catalogue-item-inner {
height: 48px;
}
#top .av-patty-spacer {
width: 20px;
display: inline-block;
}
#top .av-patty-spacer-title {
display: block;
text-align: center;
}
Best regards,
Ismael