1. Home
  2. Docs
  3. Customizing the Theme
  4. Header Settings
  5. Type, variant, background

Type, variant, background

Accessed in Appearance → Customize → Header Settings → Type, variant, background.

General info

You can choose between vertical and horizontal header type.

Selecting each one will give you access to different options, that are relevant to header type.

You can also set various things about header background.

Some settings works only with Rife Pro.

Horizontal header

Choosing horizontal header gives you access to few special features like:

It also have 5 different variants you can choose from to add more to the mix. Variants are different layout for elements inside theme header.

Available variants are:

  • One line, logo on side
  • One line, menu centered
  • One line, logo centered (Rife Pro only)
  • Logo centered, menu below (Rife Pro only)
  • Logo centered, menu above (Rife Pro only)

Sticky header

Using sticky header is great way to make sure that your site navigation is always available for users.

Best version of sticky header is Hiding when scrolling down option(Rife Pro only). This way header never hides your content while user scrolls down your page, but when he try reach menu by scrolling up it shows up.

If you want to change some settings of sticky version you can do it in overwrites panel.

Vertical header

These settings are only available in Rife Pro.

Vertical header is more limited in extra features then horizontal but it has its own advances, like:

  • it is always available to the user(at least on devices with screens above 1024px width)
  • it never covers content
  • it has more place for tools that are constantly available for user

What is cool thing to do is option to setup background image under whole header. You can also decide on which side of screen should it appear and center its content.

As vertical header doesn’t have social icons option, you will have to use social icons from footer for it.

Custom sidebar feature

Vertical header gives you access to interesting concept – Custom sidebar. In widgets menu you can fill Header(vertical) default widget area and all those widgets will appear in header.

Custom sidebar option is extension of this concept.

On each page, blog or shop you can chose Custom sidebar to add special widgets just for this page.

In Appearance → Customize → Header Settings → Type, variant, background → Custom sidebar you can define “default” custom sidebar, that can be overwritten on those pages. However you don’t have to use it.

It may sound complicated but should be easy to understand once you will start to use it.

Was this article helpful to you? Yes No 1