Header style 5 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 5 here.

Main content settings

  • Copyright message – enter the copyright message which will be visible in the bottom of the side header.
  • Header logo background color – set the background color for the logo section, if needed. If no color is selected, the Header background color is used.
  • Top info – set it to Enable to display the top info in the header.
  • Login form – enable or disable the login form in the opened (active) header.
  • 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.
  • Language switcher in header – set it to Enable to display the language switcher in header.
Header styling options

  • 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.
  • Header background color – select the background color for the header main section.
  • Header background image – select the image from the media library which will be set as a side header background image.
  • 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;}