latest version

Header & Navigation

The Header & Navigation is where you set the behavior of the header and how it looks.

The header settings is divided into 5 parts:

../_images/custom7.png

  • Header Settings

    • Page header type - Choose which type of head section you want to display (works only when header is enabled).

    • Mobile Background - Background Image of for mobile devices.

    • Header Background Image - Background image of header for desktop.

    • Header Height - Height of the Header.

      ../_images/custom8.png

  • Topbar Settings

    • Topbar Text and Icon Color - Text and Icon color of the topbar.

    • Topbar Text and Icon Color on Hover - Text and Icon color of the topbar when hovered.

      ../_images/custom9.png

  • Topbar Information

    • Business Address - Office address of the site.

    • Email Address - Email Address which is displayed after the office address.

    • Contact Number - Contact Number which is displayed after the contact text.

      ../_images/custom10.png

  • Topbar Social Icons

    • Facebook

    • Twitter

    • Pinterest

    • Instagram

    • RSS

    • LinkedIn

    • Google Plus

    • Tumblr

    • Skype

    • Dribble

    • Dropbox

    • Flickr

    • Github

      ../_images/custom11.png

  • Menu Navigation

    • Button in navigation - Option to display button in the navigation.

    • Button title - Title for the button in the navigation.

    • Button link - URL for where the button will direct.

    • Open link in new window - Option to open the link in a new tab.

    • Logo image - Logo image in mobile navigation.

    • Search in navigation - Option to add a search icon at the end of the navigation.

      ../_images/custom12.png

Add all the information you like to add, then click on the Save button.