Spread the word and get the premium plugin Slider Revolution for free when we reach 50 sales! Dismiss

Header

How to Create the Sticky Header

The sticky header appears from a point during one scrolling down on a page, and hides if another point is reached. It supports the on-standby effect: no matter how deeply one is on the page, the sticky header will appear as long as he scrolling up; This keeps the sticky header ready to use whenever needed and leaves more screen space to content at the mean while. This tutorial shows you how to create a …

Customizing the Header

Header items are visible elements show in the header, for example, site logo, the navigation menu, etc. Our premium themes provide various items that you can use to compose the header. In this tutorial, we show you how to create different styles of header by configuring header content areas and items. Header content area Content area is the container of header items. They act as columns in a horizontal header, or rows in a vertical …

How to Create an Overlay Header

An overlay header shows on top of the section next to it. On a page, the section next to the header can be the hero content, the page title bar, the main content section, etc. The following screenshot shows how an overlay header looks like with the hero content being the next section. This tutorial shows you how to turn a normal header to an overlay header. To change the header to an overlay header …

Header Types (Horizontal vs Vertical)

Our premium themes provides 2 main header types for your site, Horizontal or Vertical. A horizontal header stays on top of the page, while a vertical header can be placed on the left or right. This tutorial shows you how to switch header types by changing header position. Horizontal Header This is the default header type of most our themes. A horizontal header can be set to site width or 100% browser width.  Vertical Header The …

Uploading Your Site Logo

Our themes provide you the flexibility to adjust your logo depending on where it’s displayed. You can upload an image file of any size as your logo in different areas: The default logo – This logo is displayed in all areas unless an area-specific logo is set. The sticky header logo – This logo is displayed in the sticky header, if not set, the default logo will be displayed. The mobile logo – This logo …