Header style 7 options

Minimalist and stylish header style with menu button

The header style 7 functionality includes the menu button in the right corner of the site on transparent background with drop-down menu items on click.

Check the example of the header here.


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