Custom header tricks

As you see in the online preview of the theme, the homepages have a big slider at the top. While this is a cool method to catch attention, inner pages might also require an extra touch for a better user experience. As you can see in the about/team/etc. pages. There’s a custom image as a header and a custom menu which allows users to navigate between pages easily and with style.

To achieve this simply use a custom image as the header, set a proper height for it and paste this HTML code in the Header HTML area:

<span class="extreme" style="color:#fff">Get To Know Us Better!</span>
<ul class="custom-menu white">
<li class="selected"><a href="/shadow/about/" class="krown-icon-about_us">About Us</a></li>
<li><a href="/shadow/team-skills/" class="krown-icon-skills">Team & Skills</a></li>
<li><a href="/shadow/services/" class="krown-icon-services">Our Services</a></li>
<li><a href="/shadow/hiring/" class="krown-icon-search">We Are Hiring</a></li>
</ul>

Of course, this code is only a starting point. You need to change the href to your own pages, and add the selected class to each item on the different pages. The above is only an example, because this area accepts any kind of HTML code so you can really go crazy with this field.