Fancy heading vertical position

[dsilure]

Hi,

can’t find a way to set the vertical starting point for the fancy heading animation.

When I put :
.page-heading.fancy-heading{
margin-top:-10px!important;
}
The layer goes in the right position only after the opening animation is done.

Also try it on the #main-container with no luck…

Here is the page :
http://leresinier.linuxc6.resolutio.info/deguster/le-marche-du-jour/

Any help would be appreciated.

Regards

David

[Kyle – SUPPORT]

Not sure what you mean by starting point? Do you want to make the height smaller?

– Kyle

[dsilure]

Not really,
in fact there is a kind of transition before the Fancy heading show up.
Just want to know what to tweak for adjusting this transition and change the vertical position of it.

[Kyle – SUPPORT]

Do you mean the transition when the fancy header loads? The way is slides down?

– Kyle

[dsilure]

Yes! The transition when it slides down.
For now the vertical position of this div in the page is just below the menu.
But I have a menu with some transparent background png, so I want The fancy header to be 10 pixels below the menu when the transition starts.

Again Here is the page :
http://leresinier.linuxc6.resolutio.info/deguster/le-marche-du-jour/

Don’t want a special stuff for me, just the name of the div or id class or php file, I need to tweak.

Thanks again for your time

[Kyle – SUPPORT]

Not entirely sure what you mean but here’s the css to move the fancy heading:

.fancy-heading.page-heading {
  margin-top: -10px !important;
}

You will just need to change the value of the margin-top, probably positive.

– Kyle

[dsilure]

Your solution (that was already mine…) just give the position to the fancy heading after the transition is done not when it starts… Anyway.

I took the problem by the other side and I have made the menu bigger and so it’s overlapping the Fancy heading.

SOLVED

Thanks again for your time

[Kyle – SUPPORT]

Ok great 🙂