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 delimiter color – set the delimiter color for the sticky header. The delimiter will be visible between the menu and icons.
  • Sticky header text color – set the color for the menu items in sticky header.
  • Logo for sticky header – upload the logo image which will be displayed in sticky header on your site.
  • Retina logo for sticky header – select an image from the media library and upload it as logotype for sticky header for retina devices.
div#stuning-header .dfd-stuning-header-bg-container {background-image: url(https://nativewptheme.net/support/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;}