Price List

This block allows you to add attractive Price List. It allows adding item name, its image, description, and a price.

resturant-menu-1

Key Features –

  • Column Layout
  • Image Selector and Position
  • Spacing
  • Colors and Typography options
  • Separator
  • Responsive Options

Column Layout

Under General tab, choose \’Number of Items\’. All items can be displayed in a number of columns. Choose a number of columns for desktop, tablet, and mobile.

menu column number

Image Selector and Position

You can choose the image for each item from Image tab. Following options are available to have control over the image –

Image Position: Image position can be set as top, right or left of the content.
Vertical Alignment: If the image set to left or right of the content you can manage its vertical position with rest of the content.
Stack on: Choose on what breakpoint the Images will stack with rest of the content.
Image Size: Choose image size as a thumbnail, medium or large.
Width: Set image width manually in px.

menu image position

Separator

A separator is a line appears at the bottom on each item. Under Separator tab you can select its style, thickness, width, and color.

menu separator

Colors and Typography options

Colors and Typography options are available for item name, description and price.

menu separator

Spacing

Various options are available under the Spacing tab. Spacing can be managed for a row, column, title, image and whole item.

menu spacing

Responsive Options

Block manages columns on responsive devices. It also stacks the image with rest of the content on responsive devices.

menu responsive
Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

%title %title
On this page
Build Ultra High Performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Get Notified When Available

Note - You can purchase the Essential Toolkit now and easily upgrade to the Business Toolkit once it becomes available.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Get your hands on Spectra Pro

Enter your name and email address to get access to Spectra Pro.