Header Contact Button & Slide Out Form Issue

[Tebroc]

On our development website, we currently have the contact button enabled on the right side of the header. When it’s clicked, the form appears at it should, however since we have a one-page site with the sticky header enabled, when a user clicks on the button, the form slides out and pushes everything down but it doesn’t anchor to the top of the page so the user is left confused. I haven’t been able to figure this out. Ideally, I’d like that form to stay attached to the header and float over the rest of the page. Additionally, is there a way to overwrite the envelope icon? I’d like it to be either text, a button, or a graphic. If none of this can be done, can we pay to have this feature added? Thanks so much.

[David Martin – Support]

Are you referring to this:

Ex. the page not executing a scroll to top function if the page is scrolled:

[Tebroc]

Yes, that is correct.

[David Martin – Support]

Ok, perfect. In that case you can resolve this by adding this to Theme Options => Custom JS:

jQuery('a.contact-menu-link').click(function() {
    jQuery("html, body").animate({ scrollTop: 0 }, "slow");
    return false;
});