Sticky header options

Customize the sticky header (small header appearing on scroll) for your site

In this section, you’ll be able to style the sticky header for your the site. You can set the color schemes, logos and animation style.

Sticky header options

Customize sticky header style for your site using Sticky header options.

Sticky header main options
  • Sticky header – switch it to Enable if you want to have sticky header for your site which appears when you scroll down the page.
  • Sticky header animation – select the animation for sticky header, it is the way it appears when you start scrolling down. Simple, Slide up and Fade options are available.
Sticky Header color options
  • Sticky header background color – select the background color for sticky header.
  • Sticky 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.
  • Sticky header background opacity – set the opacity for the sticky header background where 0 – is totally transparent and 100 – opaque.
  • Sticky header text color – set the color for the menu items in sticky 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;}