Menu bar animation

Hey everybody,

Loving the Simplicity template, but got a bit of an issue.

https://www.dropbox.com/sc/er39629e9vx28l3/Yh_8o-XVIP

As you scroll down and the menu bar drops down, it looks pretty jittery and is far from smooth. Way less smooth than the demo:

http://demo.gavick.com/joomla25/simplicity/

Site is hosted on Media Temple grid service.

Any ideas?

Cheers!

Could you give me your site URL ? It is J!3 or J!2.5 version?

Same problem here.

Menu comes in and the page jumps down.

Using J!3 version.

Tried couple installations - J!2.5 version look normal.

Any solutions...

J!3

Might be this, but still a very small jump (or it my browser):

I have removed : min-height: 70px;


#gkHeader > div:first-child {
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.26);
min-height: 70px;
}

it might be somewhere else > : 70px;

noticed that the Header J2.5 structure looks a bit diffrent to J!3

cheers


PS: very ... NICE new gavick.com website - waiting for a full witdh template similar to yours.... (maybe... changing white / black -> according to daylight!!!)

My site's here:

http://clause.co.nz.s181623.gridserver.com

I'm running J!3 from the Quick Start package - gk_simplicity_quickstart_J!3.zip

Thanks again for all your help!

Also, can confirm that Joomla 2.5 doesn't have this issue. Tested it on another installation and it works flawlessly.

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

#gkHeader.gkNoMenu { margin-top: 0!important; padding-top: 0 !important}


and then just remember to enable "Use override CSS" option in template advanced settings tab.

I have the same problem with J!3 and the workaround dont work properly. The menu animation works now fine, but on all other pages the space between content and the menu missing or is minimal (after add the css line).

Can you help me please?

Update: I see that the default value of padding-top is 70px in menu.css. With padding-top 0 in override.css the menu works fine, but the necessary space between menu and content is missing. Any idea for a working solution?