Header syle 11 options

Versatile header style with transparent background and header elements appearing on click

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

You can see the example here.

header-style-11-options

  • 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 elements color – set the text color for the elements set in the header.
Header style 11 custom logos

cutom-logos-header-11

  • 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 11  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(https://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;}#main-content .dfd-content-wrap {margin: 0px;} #main-content .dfd-content-wrap > article {padding: 0px;}@media only screen and (min-width: 1101px) {#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars {padding: 0 0px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child {border-top: 0px solid transparent; border-bottom: 0px solid transparent;}#layout.dfd-portfolio-loop > .row.full-width #right-sidebar,#layout.dfd-gallery-loop > .row.full-width #right-sidebar {padding-top: 0px;padding-bottom: 0px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars .sort-panel,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars .sort-panel {margin-left: -0px;margin-right: -0px;}}#layout .dfd-content-wrap.layout-side-image,#layout > .row.full-width .dfd-content-wrap.layout-side-image {margin-left: 0;margin-right: 0;}