Header 1 html

Hi,
could you give me the html configuration for Header 1?
thank you

For which module?

For which module?

Module name is: Header I, in position Header

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" />


Thanks for that.
However, it didn't solve my problem, as the arrow "Scroll down" is still appearing on the text at the middle of the page, as you can see in the screeshot I attach hereby.
Do you have any suggestion for how to solve this, and make it as per the demo?
Thanks a lot

Hello,

Could you provide an URL to your website - without it we will be unable to help you.

The fix for this:

The real problem to why the image goes away and also to why the scroll button gets screwed up has to do with the editor. If you switch to code view in what editor you chose to use with Joomla (either the default TinyMCE or what I choose to use JCE) you will see a <p></p> tag around code for the background image and the scroll image like this:

Code: Select all

<p><a class="gkScrollDown gkAnimate reverse" href="#my-works">Scroll Down</a><img class="gkHeaderBg" src="images/demo/header/header1.jpg" alt="John S." />
</p>

This <p> is inserted by your editor of choice the moment you edit the module and if you save it gets put there permanently, corrupting the function controlling the bg image not to shoe AND messing with the scroll button.

To fix just switch to code view and remove the <p> tag and save while still in code view and exit. If you switch back to WYSIWYG view for any reason and save, all will be corrupted again.

The best way is to disable tinyMCE editor in global configuration (change editor to "editor - none") and edit the module in "html" mode.