Jquery 推送导航在移动设备上不起作用

我在我的网站上使用的是一个基本的导航菜单，它显示菜单图标，只有在点击时才会显示导航栏。该代码在台式机和某些移动设备（iPhone 6、三星Tab 3）上运行良好，但在iPhone 4、三星Galaxy S4甚至iPad Air上都无法正常显示

单击时，菜单图标未被向右推。虽然相同的代码允许图标在桌面视图上移动位置，但它仍然保持原样。我想不出问题出在哪里。我怀疑是媒体查询，但删除媒体查询后问题仍然存在。我想出的唯一解决办法是增加导航第一项的顶部填充。但这并不理想

你知道我做错了什么吗？下面是html和css代码

$（文档）.ready（函数（）{
$menuLeft=$（'.pushmenu left'）；
$nav_list=$（“#nav_list”）；
$nav_列表。单击（函数（）{
$（this.toggleClass（'active'）；
$（'.pushmenu-push'）.toggleClass（'pushmenu-push-toright'）；
$menuLeft.toggleClass（'pushmenu-open'）；
});
});
正文{
位置：相对位置；
保证金：0；
}
标题{
宽度：100%高度：自动；
边缘顶部：-6.25em；
位置：相对位置；
}
.按钮菜单{
字体系列：Arial、Helvetica、无衬线字体；
宽度：120px；
身高：100%；
排名：0；
z指数：1000；
位置：固定；
字号：1em；
字体大小：粗体；
填充：15px 20px；
保证金：0；
高度：1米；
}
.按菜单a{
显示：块；
文字装饰：无；
填充：14px；
颜色：黑色；
字号：1em；
字体大小：粗体；
}
.按菜单a：悬停{
不透明度：0.6；
}
.按钮菜单a：激活{
颜色：#bdbd；
}
.左键菜单{
左：-120px；
}
.pushmenu-left.pushmenu-open{
左：0；
}
.按钮菜单按钮{
溢出x：隐藏；
位置：相对位置；
左：0；
}
.按功能表向右按{
左：120px；
}
.pushmenu.pushmenu推送{
-webkit过渡：所有0.3秒轻松；
-moz转换：所有0.3秒轻松；
过渡：所有0.3秒缓解；
}
#导航表{
背景：url（hamburger menu icon.svg）不重复左上方；
光标：指针；
高度：27px；
宽度：33px；
文本缩进：-9999em；
}
nav-list.active{
背景位置：-33px顶部；
}
.钮扣套{
高度：16px；
填充：10px 20px 20px；
位置：固定；
z指数：1000；
排名：0；
保证金：0；
}
@全部介质和（最小宽度：260px）和（最大宽度：442px）{
.按钮菜单{
宽度：200px；
身高：100%；
字号：1.5em；
}
.按菜单a{
字号：1em；
}
.菜单a：第一个孩子{
填充顶部：40px；
}
.左键菜单{
左：-200px；
}
.按功能表向右按{
左：200px；
}
}

菜单
从您提供的代码中，没有任何东西可以说明发生了什么。请创建一个完整的工作示例来说明问题。另外，您关闭了
标记，但它从未打开。是的，这似乎“效果不太好”。请修复您的代码片段，使其能够实际运行。对此表示抱歉。代码可能没有显示任何内容的原因是，我在代码中使用的汉堡图标是一个SVG图像，您需要它才能在代码执行时看到它。我在上面的帖子中添加了两个截图。