Mobile header options

Style the mobile header for your site for better naviagtion

Mobile header options

This options section allows you to style the mobile header on the site.


Mobile header color settings
  • Header background color – choose the background color for the mobile header.
  • Header elements color – select the text color for the elements set in the mobile header.
  • Header border color – set the border color for the mobile header.
  • Menu background color – select the background color for the opened (active) mobile header.
  • Menu delimiter color – choose the delimiter color for the opened(active) mobile header.
  • Third level menu background color – allows you to set the background color for the third level menu.
Mobile header elements settings


  • Social icons – enable or disable the social icons in the mobile header. The social icons can be set in Theme options Social accounts Social networks section.
  • Language switcher – set it to Enable to have the language switcher in the mobile header.
  • Shopping cart button – allows you to enable or disable the cart button in header for mobile devices. Woocommerce plugin is required to be installed and activated.
  • Search form – enable or disable the search form in the mobile header.
  • Logo for mobile devices – upload an image from the media library and upload it as mobile header logotype.
  • Retina logo for mobile devices – select an image from the media library and upload it as mobile header logotype.
div#stuning-header .dfd-stuning-header-bg-container {background-image: url(;background-size: cover;background-position: center center;background-attachment: initial;background-repeat: no-repeat;}#stuning-header {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 >,#layout.dfd-gallery-loop > .row.full-width > {padding: 0 0px;}#layout.dfd-portfolio-loop > .row.full-width > > #main-content > .dfd-content-wrap:first-child,#layout.dfd-gallery-loop > .row.full-width > > #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 > .sort-panel,#layout.dfd-gallery-loop > .row.full-width > .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;}