Hide Salient secondary menu on mobiles and tablets using the following custom css in your options box or in your Salient child themes style.css;

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

Pin It on Pinterest

Share This