gkHeader like in demo

Hello,

the Restaurant template ist very nice.

But I have one question: how can I set my header section like this in the demo?

My header:


The demo:


Thanx

Regards
Robert

Hi, thanks, yes it's nice template.
All configuration tips/setting you will find here: http://www.gavick.com/documentation/joo ... ig-joomla/

Hi Pawel,

I´ve imported the .json config file and set the modul like in the description, but it doesn´t work...



Do you have tips for me?

Thanks

Robert

I am also looking for this content in the quick start. I want to find it so I can study it and make adjustments. But I cannot find it!

I will try to help:
0) Disable TinyMCE editor for your user if you want to edit or create such a module (!)

no-editor-mode.png

1) This should be Custom HTML module
2) In position called "mainbody"
3) Inside insert this code:

Code: Select all

<div class="gkHeader">
<h1 data-start="{'top':'-100px', 'opacity': 0, 'right': '30px'}" data-end="{'top': 45, 'opacity': 1}" data-delay="100" data-time="500">Welcome!</h1>
<p data-start="{'opacity':0, 'top': '150px', 'right': '30px'}" data-end="{'opacity': 1}" data-delay="350" data-time="350">Sed ut perspiciat unde orodiaer leroacustiu mera reuentis mose keriasertas toresa.<small>Architecto beatae naseaeraciat kuiase undeosler miase osac usa ntiume uedearsteked icexplicabo nemo enim ipsam lertasevol uptatemia voluptas sit.</small></p>
<div class="gkHeaderHat" data-start="{'left':'40px', 'opacity': 0, 'top': '600px'}" data-end="{'opacity': 1, 'top': 40}" data-delay="0" data-time="600">Hat</div>
<div class="gkHeaderOrder" data-start="{'bottom':'0px', 'opacity': 0, left: '-300px'}" data-end="{'opacity': 1, 'left': 30}" data-delay="700" data-time="250">Order online</div>
<div class="gkHeaderSign" data-start="{'bottom':'40px', 'opacity': 0, right: '-300px'}" data-end="{'opacity': 1, 'right': 40}" data-delay="700" data-time="250">Chef Jeferson</div>
</div>

4) In Module Class Suffix add " clear nomargin" - must be one space before "clear" !

Save and Close. Check !