I'm not sure if it is possible to use a css stylesheet to control the visibility of a menu item. Or perhaps it can be done with JQuery?
Please look at this page: Check the main top menu.
The last menu item on the page is "School of Music". I would like to hide it on desktop and tablets-- and only show it on cell phone resolution.
Using Twitter bootstrap version 2 (not 3).
Here's the HTML
<li class="mega last HasomAdditionalClass submenu-align-auto ">
<a id="menu2666" class="mega last HasomAdditionalClass " title="School of Music" target="_blank" href="http://schoolofmusic.ucla.edu/">
<span class="menu-title">School of Music</span>
Thanks for any suggestions.