Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 15, 2017 at 2:43 am #839034
    Micheal0424

    I see this one style menu on multiple themes and am curious if it is possible to make this style with Enfold?
    GRILLED ONION EMULSION……………………………….$40.00

    Here is a demo with that menu style that I see a lot:
    https://pixelgrade.com/demos/themes/?product=osteria

    I tried to find a plugin that had the same style but can’t find a good one.

    Can this be accomplished with Enfold?

    Are other restaurant menu options in the works?

    Thank you!

    August 15, 2017 at 12:09 pm #839214
    tjswarbs78

    Good morning,

    That style of menu could be created in Enfold yes (EVERYTHING is possible in Enfold).

    Use a tab section to create the tabs that say A La Carte / Lunch / Dinner / Wine

    Each tab section can then use columns to split the page accordingly. There will have to be some css to style the text. They have used background coloring and position absolute to create the dots and overlay the text. Not the most difficult thing to replicate.

    I’m not sure whether support would help design the page for you but if you really really really like that style of menu I could knock together a layout and some css to replicate it and let you have it.

    All the best

    TJ

    August 15, 2017 at 12:16 pm #839216
    Rikard

    Hey Micheal0424,

    That is done with CSS by the looks of it, here it is if you want to experiment with it yourself:

    .menu-list span.dots {
    position: absolute;
    bottom: .3em;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0;
    border: 0;
    height: 3px;
    display: block;
    background-image: -o-radial-gradient(circle closest-side, #383c50 99%, transparent 1%);
    background-image: radial-gradient(circle closest-side, #383c50 99%, transparent 1%);
    background-position: bottom;
    background-size: 6px 3px;
    background-repeat: repeat-x;
}

    Best regards,
    Rikard

    August 25, 2017 at 5:20 am #843767
    Micheal0424

    tjswarbs78,
    If that would be possible to provide that would be absolutely fabulous and greatly appreciated!

    Rikard,
    I tried to use the code but I am obviously not doing something right.
    I placed the code in the quick css area.
    I then placed ‘menu-list span.dots’ in the Custom Css Class in the Catalogue element.

    What am I doing wrong?

    Thank you both!

    August 29, 2017 at 6:08 am #845195
    Ismael

    Hi,

    Have you tried using the “Catalogue” element? It’s the closest element with the same style as the demo site’s menu.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.