Header syle 14 options

Stylish side header with menu button and primary navigation

Customizable transparent header style with hamburger menu icon, Primary Navigation menu and social icons appearing pop up on click.

Check 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).
  • Header appear effect – choose the appear animation for the header.
Main content settings
  • Copyright message – enter the copyright message which will be visible in the bottom of the side header.
  • 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 header.
  • Search form in header – switch it to Enable to display search form in the header.
Header styling options

  • Header content alignment – allows you to choose the horizontal alignment for the header content. Left, right and center positions are available.
  • Header background color – select the background color for the header main section.
  • Header background opacity – set the opacity for the header background, where 0 – is transparent and 100 – opaque.
  • Active header text color – choose the text color for the opened (active) header.
  • Menu button color – set the color for the menu button.
  • Center align stunning header title from the bottom of the menu – set it to Enable to add extra space beneath the header and shift the Stunning header down for the header height.
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;}