Okay
  Print

Hide responsive secondary menu In Mobile/Tablet

You can remove the secondary nav in ipad and mobile view using below custom css:

@media only screen 
and (min-width : 1px) and (max-width : 1000px) {
    #header-secondary-outer ul.sf-menu {
        display:none;
    }
}

If you want to remove the whole secondary menu including social icons use this:

@media only screen 
and (min-width : 1px) and (max-width : 1000px) {
    #header-secondary-outer {
        display:none;
    }
    }

For mobile only:

@media only screen and (max-width: 470px) {<p>{
    #header-secondary-outer {
        display:none;
    }
 }