![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
August 15, 2017 at 2:43 am #839034
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.00Here is a demo with that menu style that I see a lot:
https://pixelgrade.com/demos/themes/?product=osteriaI 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 #839214Good 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 #839216Hey 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,
RikardAugust 25, 2017 at 5:20 am #843767tjswarbs78,
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 -
AuthorPosts
- You must be logged in to reply to this topic.