Header style 4 options

Header style with transparent background and centered logo position

Versatile header style with Left and Right Navigation menu, centered logo and transparent background available for your pages.

You may find the example of header style 4 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 section.
      • Header Social icons hover style – select the hover style for the social icons in the top panel.
    • Top panel background color – select the background color for the header top panel.
    • Top panel background opacity – set the opacity for the top panel background, where 0 – is transparent and 100 – opaque.
    • Top panel text color – set the text color for the header top panel.
Main section settings

  • 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.
  • Header background opacity – set the opacity for the header background, where 0 – is transparent and 100 – opaque.
  • 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(http://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;}