Optie 1 - Grid
This is a code module, open it to see the css.The text module below has a class 'hws-test1' on the advanced tab.
Each menu item is a bullet list with 3 bullets:
1. item name
2. empty but with class="dt-space"
3. item price
-- It's not possible to add a 4th bullet with description to show below the item. It flows of the screen.
- Café
- $140
- Café cortado/crema
- $160
- Americano / cortado / crema / lágrima
- $160
- Café con leche / crema / café doble
- $170
- Lágrima doble
- $170
- Té saborizado / digestivo / mate cocido
- $120
- Chocolatada
- $200
- Submarino
- $250
Optie 2 - Grid
This is a code module, open it to see the css.The text module below has a class 'hws-test2' on the advanced tab.
Each menu item is a bullet list with 3 bullets:
1. item name
2. empty, no class = easier to maintain
3. item price
-- It's not possible to add a 4th bullet with description to show below the item. It flows of the screen.
- Café
- $140
- Café cortado/crema
- $160
- Americano / cortado / crema / lágrima
- $160
- Café con leche / crema / café doble
- $170
- Lágrima doble
- $170
Optie 3 - Flex
This is a code module, open it to see the css.The text module below has a class 'hws-test3' on the advanced tab.
Each menu item is a bullet list with only 1 bullets:
The item name and description is wrapped in a div, so hard to maintain.
-
Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Qualem igitur hominem natura inchoavit? Nemo igitur esse beatus potest. Is es profecto tu. Quibusnam praeteritis?price
-
Name
price
-
Name
price
Optie 4 - italic floats right
This is a code module, open it to see the css.The text module below has a class 'hws-test4' on the advanced tab.
The name and price of each menu item are on the first line followed by the description on the next line
The name is bold, the price is italic. The css ensures italic text (price) floats right.
So you can't use italic for other text
Mulligatawany soup 5.5
Pikante linzensoep op smaak gebracht met diverse kruiden en citroen
Dal soup 5.5
Noord-Indiase linzensoep gekruid met verse koriander en citroen
Tomatensoep 5.5
Op Indiase manier bereid
Chicken shorba soup 5.9
Gekruide kippenbouillon met stukjes kip
Onion bhaji 5.5
Uien gefrituurd in een kruidig beslag van verschillende specerijen
Optie 5 - 2 columns - italic floats right
This is a code module, open it to see the css.The text module below has a DIV with the class 'hws-2column-menu' around the content that should be in two columns. This works by paragraphs with flex.
The name and price of each menu item are on the first line followed by the description on the next line
The name is bold, the price is italic. The css ensures italic text (price) floats right.
So you can't use italic for other text.