Stop the "main menu" apparition when loading a page

Hello,

When a page is loaded the main menu appears on the page with a short animation.

How to disable the animation ?

Thanks a lot !

Could you please post an url to your site?

localhost ;--)

Sorry I just bought "Simplicity" today to start a new dev'.
It's a fresh install of "gk_simplicity_quickstart_J!3.zip". no mod, no change.

I made a small video to explain :
http://94.23.36.22/test/2014-05-12_simplicity_menu.mov

Thanks for your help !

.... and after more tests this animation seems only visible with Internet Explorer. (noting with Firefox, Safari, Chrome)

You already did some changes and to detect why this animation fires I would need to access your site.
Perhaps you could post it somewhere live?

It's the same thing on your live Simplicity demo site here :
http://demo.gavick.com/joomla25/simplic ... typography

I use Windows 8 with IE 11.

I made again a small video of what I see on your live site :
http://94.23.36.22/test/2014-05-13_simplicity_menu.mov

... any ideas ?

Ill post this information to our devteam and will write back as soon as I'll get an answer.

News ?

Ill post this information to our devteam and will write back as soon as I'll get an answer.

Still waiting.

Would this have something to do with the data-delay within the gk.script.js?

I am just not quite sure how that would affect the menu on the header in the homepage if these times were changed in anyway.. then again... js isn't my strong point.

Solution for this problem is following - please open the css/menu/menu.css file and please replace the following fragment:

Code: Select all

#gkMenuWrap {
   background: #fff;
   -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .26);
   -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .26);
   box-shadow: 0 0 6px rgba(0, 0, 0, .26);
   height: 70px;
   left: 0;
   position: fixed;
   -webkit-transition: top .2s ease-out;
   -moz-transition: top .2s ease-out;
   -ms-transition: top .2s ease-out;
   -o-transition: top .2s ease-out;
   transition: top .2s ease-out;
   top: -100px;
   width: 100%;
   z-index: 1001;
}

with:

Code: Select all

#gkMenuWrap {
   background: #fff;
   -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .26);
   -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .26);
   box-shadow: 0 0 6px rgba(0, 0, 0, .26);
   height: 70px;
   left: 0;
   position: fixed;
   top: -100px;
   width: 100%;
   z-index: 1001;
}
.imageBg #gkMenuWrap {
   -webkit-transition: top .2s ease-out;
   -moz-transition: top .2s ease-out;
   -ms-transition: top .2s ease-out;
   -o-transition: top .2s ease-out;
   transition: top .2s ease-out;
}

Solution for this problem is following - please open the css/menu/menu.css file and please replace the following fragment:
[ ••• ]

Working fine !
Thanks a lot !