Back to Elements & Plugins

Food/Drink Menu

3 min readUpdated 15 March 2026
Not to be confused with a navigation menu, the Food/Drink Menu plugin is designed for displaying food and drink menus on your website. This article covers how to add, edit, and style a menu for your restaurant, cafe, or hospitality business.

Adding a Menu

  1. 1Navigate to the page where you want to display your menu
  2. 2Click '+Add Element' in the page header bar
  3. 3Drag the Food/Drink Menu icon to your preferred location on the page
  4. 4The settings panel opens where you can add your menu items
  5. 5Enter item names, descriptions, and prices for each entry
  6. 6Click 'Apply' to save your menu

Formatting

The menu automatically responds to the width of the area you place it into and fits content based on the section width and the device viewing it. Items display with their name, description, and price in a clean, readable layout.

Styling Your Menu

  1. 1Hover over the menu element on your page
  2. 2Click the style icon to open the styling options
  3. 3Adjust colours, fonts, and spacing to match your brand
  4. 4Preview the result and click 'Apply' when satisfied
You can customise background colours, text colours, font families, and spacing to ensure the menu matches the rest of your site's design. Use the Style Editor for more granular control over the appearance.
Keep menu descriptions concise — one to two sentences per item. Include prices consistently and consider grouping items into logical categories such as starters, mains, and desserts for easy browsing.
Was this helpful?

Related Articles

Still need help?

Submit a Support Ticket