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-options

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

mobile-header-elemets-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(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;}