Scroll Down overlapped...

http://lauraroushphotography.com/New2016/

The Scroll Down is overlapping the text and not in the center like in the demo.

According to the HTML code in the configuration documentation, the Header 1 code should be:

Code: Select all

<h1 class="gkAnimate">Hello!<br />My name<br />is John</h1>
<p class="gkAnimate">I'm multidisciplined freelance designer specialise in rich interactive experiences for web. If you’ve got an exciting project, get in touch with me!</p>
<a href="#my-works" class="gkScrollDown gkAnimate reverse">Scroll Down</a>
<img src="images/demo/header/header1.jpg" alt="John S." class="gkHeaderBg" />

But it still moves the scroll down to the side. I downloaded the quickstart package today.

Thanks,

Joe

HI

The code on Your site is different. There is an extra <p></p> added to it around the scroll button. Please disable in editor settings to auto-complete html or disable using editor in user settings and make this change in a pure html.