Header syle 11 options

Customizable side header style with Primary Navigation menu and social icons.

Style the customizable side header style with Primary Navigation menu with icons for your site.

Check the example here.

To create such header style on your site, the icons are required to be added for the menu elements. make sure the icons are added to your menu elements. More details can be found in the

So make sure the icons are added to your menu elements. More details can be found in the Menu Creation post.

Main content settings

  • Copyright message – type here the copyright to display it in the header, this field accepts HTML codes.
  • Header alignment – set the position of the header according to the content. Left and right positions are available.
  •  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.
  • Search form in header – switch it to Enable to display search form in the header.
Header styling options

  • Header background color – select the background color for the header main section.
  • Header background image – set the background image for the header.
  • Header background image position – set the background image position in the header.
  • 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;}