Top bar menu defect - with no animation

**GK User** Sat Aug 30, 2014 7:07 pm Reply with quote Report this post

Hi.

After insertion of multilingualism arose a problem with the main menuat position 'top bar'.

In the demo main menu is animated, and on my site is in a fixed position. Where is the problem and how to solve it?

Test page - http://pastel.nazwa.pl/polhost1/index.php/en/

**GK User** Sun Aug 31, 2014 11:21 am Reply with quote Report this post

It looks like googleplus script is causing an error on the page and other JS scripts doesn't fire. Please remove googleplus or use different code and it should be fine.

**GK User** Sun Aug 31, 2014 3:10 pm Reply with quote Report this post

Cyberek wrote:It looks like googleplus script is causing an error on the page and other JS scripts doesn't fire. Please remove googleplus or use different code and it should be fine.

I removed the modules Google+ and Twitter.
Unfortunately, the menu still does not work properly.

**GK User** Sun Aug 31, 2014 7:07 pm Reply with quote Report this post

Now please add page suffix to homepage named:
'imageBg'
To do so please check this documentation:
https://www.gavick.com/documentation/un ... mla-pages/

**GK User** Mon Sep 01, 2014 5:26 pm Reply with quote Report this post

Cyberek wrote:Now please add page suffix to homepage named:
'imageBg'
To do so please check this documentation:
https://www.gavick.com/documentation/un ... mla-pages/

I set the parameters in the two versions, but unfortunately the menu still remains unchanged (no animation)

suffix-pages-2.jpg

suffix-pages-1.jpg

Looking in Firebug code on my website differs from the demo page. I do not know what it is due.
demo website

Code: Select all: <body class="imageBg grey-content" data-mobile-width="620" data-tablet-width="1030" style=""> <div id="gkBg"> <div id="gkTopBar" class="active"> <div class="gkPage"> <a id="gkLogin" href="/joomla25/cloudhost/index.php/joomla-pages-ii/user-login">Log in</a> <div class="custom "> </div> </div>

my website

Code: Select all: <body class="imageBG grey-content" data-mobile-width="620" data-tablet-width="1030"> <div id="gkBg"> <header id="gkHeader" class="gkNoMenu"> <div style="display: none;"> </div> <div id="gkHeaderMod" class="gkPage">

**GK User** Wed Sep 03, 2014 11:33 am Reply with quote Report this post

There is quite difference between:

Code: Select all: imageBg

and :

Code: Select all: imageBG

You have the second one, the first one is correct.

**GK User** Wed Sep 10, 2014 5:21 pm Reply with quote Report this post

Small is beautiful.

Now, animated menus works.
Thank you.

**GK User** Thu Sep 11, 2014 3:30 pm Reply with quote Report this post

No problem

.
Is there anything else I can help you with regarding this topic?