Menus Code

Copy and paste the following code example into your Menus page text editor (not the visual editor) and add your own content. Also don’t forget to set the “Menu” page template under Page Attributes.

<p class="intro">A short intro slogan...</p>
<p class="note">A centered short intro text...</p>

<div class="three-columns-one">
<h3>menu category</h3>
<h4>title here...</h4>
Your description text here...
<span class="price">price here...</span>

<h4>title here...</h4>
Your description text here...
<span class="price">price here...</span>

<h4>title here...</h4>
Your description text here...
<span class="price">price here...</span>
</div>

<div class="three-columns-one">
<h3>menu category</h3>
<h4>title here...</h4>
Your description text here...
<span class="price">price here...</span>

<h4>title here...</h4>
Your description text here...
<span class="price">price here...</span>

<h4>title here...</h4>
Your description text here...
<span class="price">price here...</span>
</div>

<div class="three-columns-one last">
<h3>menu category</h3>
<h4>title here...</h4>
Your description text here...
<span class="price">price here...</span>

<h4>title here...</h4>
Your description text here...
<span class="price">price here...</span>

<h4>title here...</h4>
Your description text here...
<span class="price">price here...</span>
</div>

<div class="border"></div>

<h2>Drinks</h2>
<div class="two-columns-one">
<h3>Drink category</h3>
<h4>Title here</h4>
<span class="price">price here...</span>
<h4>Title here</h4>
<span class="price">price here...</span>
</div>

<div class="two-columns-one last">
<h3>Drink category</h3>
<h4>Title here</h4>
<span class="price">price here...</span>
</div>

<div class="divider"></div>

<p class="note"><em>final text note (optional)...</p>