Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1484071

    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

    #1484081

    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

    #1484082

    Hello Ismael,
    wow, that ist perfect :) I will try that out! Thank you very much!!!

    Sunny regards rixi

    #1484084
    This reply has been marked as private.
    #1484126

    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;
    }

    View post on imgur.com

    Best regards,
    Ismael

    #1484148
    This reply has been marked as private.
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.