Header style 9 options

Functional opaque header with additional menu in top panel

Customizable header style 9 with the additional menu in top panel of header, Primary Navigation menu and opaque background.

You can see the example here.

  • Header animation – switch it to Enable if you want to have the header animation on scroll (the main header will hide on scroll).
Top panel settings
  • Header top panel – allows you to enable or disable the header top panel where the contact information, the login form and social icons are located.
    • Wishlist button – enable or disable the Wishlist button header. Note, this option is available if YITH WooCommerce Wishlist plugin is installed and activated.
    •  Login form – switch it to Enable in order to have the login form in the top panel.
    • Social icons – allows you to enable or disable the social icons in the top panel. The social icons can be set in Theme optionsSocial accounts Social networks section.
      • Header Social icons hover style – select the hover style for the social icons in the top panel.
  • Logo alignment – select the alignment for the Logo. Two options are available: left and right.
  • Top panel background color – select the background color for the header top panel.
  • Top panel text color – set the text color for the header top panel.
Middle section settings

  • Middle panel item – select the item shown in middle panel. Two options are available: menu or banner.
    • Menu –  assign the menu to be displayed in the middle section in Appearance Menus Manage Locations Additional header navigation.
    • Banner image – upload the image from the media library to be displayed in the middle section of header.
    • Banner URL – add the link to be applied to the banner image.
    • Banner height – set the height for the banner. max height is 300px.
Main section settings

  • Primary navigation alignment – set the horizontal alignment for the primary navigation. Left, right and center positions are available.
  • Header buttons and links – set it to Enable to display the WooCommerce cart icon, language switcher, search icon and side area icons in the header.
  • Search form in header – switch it to Enable to display search form in the header.
  • 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.
div#stuning-header .dfd-stuning-header-bg-container {background-image: url(https://rnbtheme.com/documentation/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;}