SignalMind Blog

Responsive and mobile content builder. API-enabled.

Creating a mobile restaurant menu with piJnz

restaurant menu mobile siteWith piJnz you can create slick and fast-loading restaurant menus pretty easily. Since any widget or section of your mobile page can be made collapsible (expand in "accordion-style" when a mobile visitors taps on the section header), you can be very creative in how you want to organize the mobile menu for your restaurant client:

  • Create a page for each menu section (e.g. "Salads", "Appetizers", "Main Course") and drag a few Text or Image+Text widgets to show the individual dishes or specials.
  • Simply add your menu sections on one page as collapsible panels in accordion-style navigation.

To make a widget (a page section) collapsible, simple check the "collapsible this section" checkbox at the top of the widget in page editor:

Accordion-style navigation - mobile


Visit this page for an example of how a restaurant menu can be created on piJnz: http://restaurant.mdemo.me/menu.

And here is how to build it:

Restaurant menu - mobile website

Tip: to keep the text alignment justified across all devices, use a "mono-spaced" font such as Courier or Courier New.

Elena English

Mobile afficionado and tech entrepreneur. Follow on Google+

Comments are closed