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 !important;
    }
}

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 !important;
    }
}

For mobile only:

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