With the usage of Bootstrap 3, I have successfully hidden two menu items when the screen is resized. However, these items still appear in the drop down menu that appears on the top left (with three bars) when the screen size is reduced. Is there a way to keep them hidden there as well?
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li> <a id="mobileTab">Start</a></li>
<li> <a id="mobilityActivityTab" href="#">Tasks</a></li>
<li class="hidden-sm"> <a id="activityTab">Activity</a></li>
<li class="hidden-sm"> <a id="clientAcctTab">Accounts</a></li>
</ul>
@Html.Partial("_LoginPartial")
</div>
Please note: Some code has been omitted for simplicity.