1. Home
  2. Marco HTML
  3. Food menu
  4. Food menu classes

Food menu classes

By default the food menu will appear in two columns with category description and without images. You can modify this appearance in a couple of ways by adding a class to the food menu container. This makes it easier to create your own food menu in HTML without needing extra markup or CSS to arrange them appropriately.
 

Food menu classes:

 

Food menu type:
food-menu-img
food menu will appear with images.
food-menu-standard
food menu will appear without images.

Food menu images position
all-img-right
food categories will appear in one column with images on the right side.
all-img-left
food categories will appear in one column with images on the left side.
odd-img-right
Images in the odd food category will appear on the right side.
odd-img-left
Images in the odd food category will appear on the left side.

Category header position
cat-above-img
category header will appear above images container.
cat-above-items
category header will appear above food menu items.
cat-title-above-img
category name will appear above images container.

...
   <div class="food-menu food-menu-img all-img-left cat-above-items">
      ...
   </div>
...
Was this article helpful to you? Yes No