Javascript 如何强制将隐藏类（仅通过JQuery显示）加载到mediaquery？

好的，我有这个，你们可以看到我有一个小导航，它在滚动时会改变。小型导航采用简约设计，因为需要将焦点放在英雄形象上；在那之后，导航变得更大了，要求观看者获得更多的焦点

但是现在在处理我的mediaqueries时，我只想为移动用户显示第二个导航，因为他们不能在第一个导航上悬停（因为显然没有鼠标），所以他们对第一个导航没有用处，对他们也没有用

但是我只使用Jquery/JS显示了第二个nav

if ($window.scrollTop() > navShiftBreakpoint) {
        $navContainer.addClass( 'full' );}
 //full = the second nav & //navShiftBreakpoint = 500px 

我无法强制从css中添加HTML类，所以有没有办法解决这个问题

---

提前感谢您的努力/帮助。

您可以使用脚本检测设备是否可移动，如果可移动，请避免启动滚动回调并直接应用隐藏类。

这看起来更像是一个注释而不是答案。