Header syle 12 options

Customizable side header style with Primary Navigation menu

Create stylish and functional side header style to facilitate the navigation on your site for the visitors.

Find the example of stylish header style 12 here.

header-style-12-otions

Header elements settings

header-eleemts-settings

  • Login form – enable or disable the login form in the opened (active) header.
  • Social icons – switch it to Enable to have the social icon in the opened (active) 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 background image – select the image from the media library which will be set as a side header background image.
  • 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-setings

  • Header alignment – set the position of the header according to the content. Left and right positions are available.
  • Header content alignment – allows you to choose the horizontal alignment for the header content. Left, right and center positions are available.
  • Copyright message – enter the copyright message which will be visible in the bottom of the side header.
Header style 12 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(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;}