Bon Vivant is a quirky, illustrated theme with special features for restaurants and cafés. With a unique custom header information area, food menus support, Open Table registration widget, and a prominent space for your phone number, Bon Vivant will help get your restaurant business up and running in no time!
Custom Header Image & Header Sidebar
Bon Vivant includes a Header Sidebar widget area that is only visible when a Custom Header image is active. Use this space to show off your most visually tempting dishes alongside the helpful information your patrons need, like contact or reservation information. To set up the header:
- Add a custom header image under Appearance → Header. Consider adding multiple header images and selecting “random” for more variety!
- Assign widgets to the Header Sidebar area under Appearance → Widgets. This is a small area, so one or two brief widgets work best.
- You’ll now see the header image with the widgets overlaid on top, like so:
Reserve by Phone
Add your phone number in a special flag alongside the header menu by going to Customizer → Theme Options.
Using OpenTable? Grab your HTML code from OpenTable and add it to either sidebar using the OpenTable widget. You can also set up a Contact Form to take reservations via email.
Add your delicious food menus all at once, or edit them on the fly by going to Food Menus in your Dashboard. Changing the order of items in the menu is as easy as dragging and dropping them up and down.
After you’ve added food menu items, simply create a new page with the Menu page template, under Page Attributes.
Voila! You now have beautiful food menus. If you’ve added featured images to your food items, they’ll appear alongside the menu title and description.
Want to offer a downloadable copy of your menu? No problem. Upload a PDF version from Theme Options in the Customizer, and the menu page will display a download button on the top right of the menu page’s title spot:
Bon Vivant includes two Custom Menus, highlighted below, configured under Appearance → Menus.
The header menu is located above the site title and description, and supports up to 3 levels of menu items. If no menu is assigned, this area will display a list of your Pages:
The optional footer menu is displayed just above the website’s footer credits, and supports one level of menu items:
Full-width Page Template
Remove the sidebar on select pages by applying the Full Width, No Sidebar page template under Page Attributes.
You can add your own background to Bon Vivant by going to Appearance → Background.
Quick Specs (all measurements in pixels)
- The main column width is
625, except in the full-width template, where it is
- The sidebar width is
- The featured images for food menu items are