Html 仅使用chrome和mobile时，我的web pagr中出现错误

你好！我对Css有问题， 它与firefox完美配合，打开和关闭我的菜单（汉堡菜单） 有了chrome和手机。。。不工作。。 单击按钮时，不会打开菜单， 有人犯过这样的错误吗

函数myFunction（）{
document.getElementById（“myDropdown”）.classList.toggle（“show”）；
}
//如果用户在下拉列表之外单击，请关闭下拉列表
window.onclick=函数（事件）{
如果（！event.target.matches（'.dropbtn'））{
var dropdowns=document.getElementsByClassName（“下拉内容”）；
var i；
对于（i=0；i

.dropbtn
{
背景色：#50b7d8；
边界：中等无；
颜色：白色；
光标：指针；
字体大小：16px；
左边距：10px；
边缘顶部：10px；
填充：0；
}
.dropbtn:悬停，
.dropbtn:焦点
{
背景色：#3e8e41；
}
.下拉列表
{
盒影：0-4px10px；
浮动：对；
位置：相对位置；
}
.下拉内容
{
背景色：#50b7d8；
边界半径：0 10px 10px；
盒影：0 8px 16px 0 rgba（0,0,0,0.2）；
显示：无；
左：10px；
最小宽度：160px；
溢出：自动；
位置：绝对位置；
顶部：48px；
}
.下拉内容a
{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉菜单a:悬停
{
背景色：#f1f1
}
显示
{
显示：块；
}
#myDropdown.current.active a
{
背景色：#93c524；
边界半径：0px；
颜色：#fff；
左侧填充：4px；
右侧填充：4px；
}
#myDropdown.current.active
{
边框底部：1px实心#fff；
边框顶部：1px实心#fff；
}

阿普里
米奥菜单

这是我的网站，汉堡菜单的分辨率最大宽度为790px 我已经为joomla创建了模板

---

控制台是否显示任何错误？@Epodax已完成