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(http://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;}