How to fix the menu bar , gk-page?

Hello again, how to fix like the original template ( https://demo.gavick.com/joomla25/photo/ ) ??

my site is this: http://www.itsoukalas.com , look the difference at the homepage , work and the contact page! i want to fix it because I confused ... on my site at the scroll down the gk-page / menu bar is not diminish like the demo/original template!!!!!

at the image below:
1 = home
2 = contact

Please help me!

Problem with footer height is introduced beaus of additional paragraph element:
your code:

Code: Select all

<div class="custom ">

   <p><a href="https://www.facebook.com/itsoukalas" target="_blank" class="gk-icon-fb">Facebook</a><a href="#" class="gk-icon-twitter">Twitter</a><a href="#" class="gk-icon-gplus">G+</a></p>   
</div>


original code:

Code: Select all

<div class="custom ">

   <a href="#" class="gk-icon-fb">Facebook</a>
<a href="#" class="gk-icon-twitter">Twitter</a>
<a href="#" class="gk-icon-gplus">G+</a>
<a href="#" class="gk-icon-pinterest">Pinterest</a>
<a href="#" class="gk-icon-dribbble">dribbble</a>
<a href="#" class="gk-icon-behance">Behance</a>   
</div>


Cyberek:

i paste the original code... the same!!! whats going wrong with that?
Take a look please to the site, http://www.itsoukalas.com/index.php/contact (and scroll down)

Please disable tinyMCE editor in global configuration (change editor to "editor - none") and then paste the code.