Header syle 10 options

Opaque header style with menu button and its elements sliding on click

Opaque header style with hamburger menu icon, Primary Navigation menu and social icons sliding horizontally on click.

You can see the example here.

header-style-10

  • Header animation – switch it to Enable if you want to have the header animation on scroll (the main header will hide on scroll).
  • 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 border color – choose the border color for the header.
  • Header text color – set the text color for the elements set in the header.
Header style 10 custom logos

header-style-10-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.
Header style 10  banner settings
  • Banner – set it to Enable if you want to add the banner image with the custom link which will be set above the header.
    • Banner image URL – add the custom image link or upload it from the media library for the banner image.
    • Banner URL – set the custom link for the banner image.
    • Header content alignment – select the horizontal alignment for the header content. Right, left and center alignment positions are available.
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;}