Header syle 14 options

Stylish side header with menu icons and primary naviagtion

Style the customizable side header style with Primary Navigation menu with icons for your site.

Check the example here.

To create such header style on your site,the icons are required to be added for the menu elements. make sure the icons are added to your menu elements. More details can be found in the

So make sure the icons are added to your menu elements. More details can be found in the Menu Creation post.

header-style-14

Header elements settings

header-elements-settings

  • Social icons – switch it to Enable to have the social icon in the header. The social icons can be set in Theme optionsSocial accounts Social networks section.
  • Search form in header – switch it to Enable to display search form in the header.
  • Language switcher in header – allows you to enable or disable the language switcher in the header.
  • Shopping cart button in header – allows you to enable or disable the cart button in the header. Woocommerce plugin is required to be installed and activated.
  • Menu icons – switch it to Enable to display icons in primary navigation. Make sure that icons are set for the top level navigation menu items in Appearance Menus section.
Header color settings
  • Header background color – select the background color for the header main section.
  • Header text color – set the text color for the elements set in the header.
Header content settings

header-content-settings

  • Header alignment – set the position of the header according to the content. Left and right positions are available.
  • Copyright message – enter the copyright message which will be visible in the bottom of the side header.
Header style 14 custom logos
  • Header logotype image – select the image from the media library which will be set as logotype image for the current header style.
  • Header logotype image for retina – upload the image from the media library which will be set as logotype image for retina for the current header style.
div#stuning-header .dfd-stuning-header-bg-container {background-image: url(http://nativewptheme.net/support/wp-content/uploads/2017/01/hands1.jpg);background-size: cover;background-position: center center;background-attachment: initial;background-repeat: no-repeat;}#stuning-header div.page-title-inner {min-height: 550px;}