Your newest template is the mouthwatering Burger Restaurant
template, with delicious images of burgers, fries, milkshakes and more.
You can replace these images with healthier fare, of course, and use this template for any restaurant, bakery or cafe, or any other client (barber, cosmetician, etc.) who has high-quality, relevant images of their services and can make good use of this template's design and functionality.
The website features a hamburger menu (no pun intended) on desktop, leaving maximum space for a mouthwatering hero image. The Menu widget has a page of its own, and can be updated with a menu pulled from the internet or by manually entering information. The menu in the template doesn’t have images, but if your customer has professional images of every dishes, they can certainly go ahead and load them. There’s also a contact form for booking a table, a map for easy access, and relevant social links.
See the cool technique in the header that sets the logo so that it overlaps over the section below?
To reproduce this technique in your own sites, follow these steps:
1. Go to Design > Site Layout and choose the desktop Expandable Menu option. This header has a 1-column row, a hamburger menu (on the left or right) and an image with the logo in the middle.
2. Add two more columns to this row. You'll now have 3 columns in total; place the logo in the middle column.
3. To make the logo overlap, right-click on the image. Select Edit Design, go to Spacing and set the bottom margin to -60px.
Building restaurant websites for your clients? Here are a few things to keep in mind: