托管网站时无法识别移动菜单下拉列表

Question

编辑：菜单似乎间歇性地工作。我的手机正在显示所有内容，而Chrome在过去几分钟内来回移动（没有我编辑任何内容。）

编辑2：我意识到在Chrome中，当我将www添加到URL的开头但在省略www时不起作用。所以，youbrewyou.co不起作用，但www.youbrewyou.co确实有效。任何人都有这方面的经验吗？

我的网站在本地工作正常，下面的jsfiddle基本上可行。当我托管文件时，移动菜单会崩溃。请参阅http://www.youbrewyou.co

的内容

小提琴：https://jsfiddle.net/L2tuuguu/5/

HTML

<div class="mobileNavbar container-fluid px-1 float-xs-right hidden-md-up">
    <div id="toggle">
      <div class="one"></div>
      <div class="two"></div>
      <div class="three"></div>
    </div>
  </div>

CSS

#toggle {
  width: 28px;
  height: 30px;
  margin: 10px auto;
  display:table-cell;
  vertical-align: middle;
  cursor: pointer;
}

#toggle div {
  width: 100%;
  height: 5px;
  background: rgba(38,50,56,1);
  margin: 4px auto;
  transition: all 0.3s;
  backface-visibility: hidden;
}

#toggle.on .one {
  transform: rotate(45deg) translate(5px, 5px);
}

#toggle.on .two {
  opacity: 0;
}

#toggle.on .three {
  transform: rotate(-45deg) translate(7px, -8px);
}

不确定我缺少什么。请多多建议，谢谢你！

Answer 1

为此目的正常工作。 MacOS，Safari，Chrome，FF。我建议您尝试清除浏览器或网站缓存。