#menu feature

Hi, I have changed the layout as so - http://www.joeysdiner.co.uk/#menu but the whole of the menu does not appear as one only the middle one appears - I can't see where I have gone wrong?

Also how can I centre the images so they sit over the text?

Cheers

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#gkBottom2 .gkCols a {
display: block;
}

#gkBottom2 .gkCols img {
margin: 0 auto;
}


Unfortunately I do not understand the first part of the question. Can You please try to explain it a little better ?

Thank you for the code -

The first part is when I click on the icon in the header page and the screen scolls down to the menu i have created only the mddile column of food items appears until you physically scroll down then the rest appears I have attached a screen shot:- and below is the code:-
<div class="gkCols" data-cols="3">
<div>
<dl data-scroll-reveal="enter bottom over .5s after .5s">
<dt><a href="order-online#breakfast_sandwiches"><img src="images/images/fryup.png" alt="" /></a>
<h3>Breakfast</h3>
</dt>
<dd>Get Your Hearty Breakfast Here. From Bacon sandwiches to Full English's, we cook it all fresh!!</dd>
<dt><a href="order-online#breakfast_sandwiches"><img class="pull-center" src="images/images/potato.png" alt="" /></a>
<h3>Jacket Potatoes</h3>
</dt>
<dd>Traditional fluffy jackets baked in the oven stuffed with a variety of fillings</dd>
<dt><a href="index.php/day-menu/itemlist/category/44-melts"><img class="pull-center" src="images/images/melt.png" alt="" /></a>
<h3>Melts</h3>
</dt>
<dd>All served in large granary or white subs with your choice of salad (lettuce, rocket, cucumber, tomato, onion) &amp; any of our delicious sauces at no extra cost!</dd>
</dl>
</div>
<div>
<dl data-scroll-reveal="enter bottom over .5s after .75s">
<dt><a href="index.php/day-menu/itemlist/category/42-breakfast"><img class="pull-center" src="images/images/wrap.png" alt="Wrap" /></a>
<h3>Wraps</h3>
</dt>
<dd>Joey's wraps fresh and tasty!! Cold wraps &amp; Hot wraps!!</dd>
<dt><a href="index.php/day-menu/itemlist/category/42-breakfast"><img src="images/images/sandwich.png" alt="Sandwich" /></a>
<h3>Sandwiches</h3>
</dt>
<dd>Joey's sandwiches, you name it we have it!!</dd>
<dt><a href="index.php/day-menu/itemlist/category/42-breakfast"><img src="images/images/salad.png" alt="Salad" /></a>
<h3>The Salad Bar</h3>
</dt>
<dd>The salad bar, keeping it healthy!!</dd>
</dl>
</div>
<div>
<dl data-scroll-reveal="enter bottom over .5s after 1s">
<dt><a href="index.php/day-menu/itemlist/category/42-breakfast"><img src="images/images/pulledpork.png" alt="Pulled Pork" /></a>
<h3>Pulled Pork</h3>
</dt>
<dd>Braised shoulder of pork, marinated in a mouthwatering secret blend of spices, herbs and seasonings.</dd>
<dt><a href="index.php/day-menu/itemlist/category/42-breakfast"><img src="images/images/burger.png" alt="Beef Burger" /></a>
<h3>Beef Burgers</h3>
</dt>
<dd>All burgers are 4oz (quarter pounders) 100% ground beef. Hand made to our own recipe by Allan Morton (our local Horsforth based butcher)</dd>
<dt><a href="index.php/day-menu/itemlist/category/42-breakfast"><img src="images/images/fryup.png" alt="" /></a>
<h3>Pulled Pork</h3>
</dt>
<dd>Braised shoulder of pork, marinated in a mouthwatering secret blend of spices, herbs and seasonings. Slow cooked for 6 hours until tender and falling off the bone before being hand shredded. All pulled pork burgers are served with sliced tomato and lettuce</dd>
</dl>
</div>
</div>
<div class="gk-menu-button"><span><a href="order-online" class="button">ORDER ONLINE</a></span></div>
<p><img class="gk-menu-left-img" src="images/demo/menu_left_bg.jpg" alt="" data-scroll-reveal="enter left over .5s" /> <img class="gk-menu-right-img" src="images/demo/menu_right_bg.jpg" alt="" data-scroll-reveal="enter top over .5s after .25s" /></p>

Hi

This is really hart to fgure it out since I see it appear correctly. But maybe removing the animation code from this module:

Code: Select all

data-scroll-reveal="enter bottom over .5s after .5s" data-scroll-reveal-id="11" data-scroll-reveal-initialized="true" data-scroll-reveal-complete="true"