Javascript Hello bar应用程序使我的导航手机崩溃。
我在Shopify中的主题有问题,我安装了一个名为“Hello Bar”的应用程序,在我的所有页面上显示优惠。由于某些原因,该应用程序与我的主题不兼容,我与该应用程序的开发人员进行了交谈,他们告诉我将此添加到我的主题中的CSS文件中:Javascript Hello bar应用程序使我的导航手机崩溃。,javascript,jquery,css,shopify,Javascript,Jquery,Css,Shopify,我在Shopify中的主题有问题,我安装了一个名为“Hello Bar”的应用程序,在我的所有页面上显示优惠。由于某些原因,该应用程序与我的主题不兼容,我与该应用程序的开发人员进行了交谈,他们告诉我将此添加到我的主题中的CSS文件中: @media screen and (min-width: 1025px){ .page-wrapper{ position: static; } } 这解决了桌面上的问题,但在移动版上,我的导航菜单已崩溃,无法关闭。我添
@media screen and (min-width: 1025px){
.page-wrapper{
position: static;
}
}
这解决了桌面上的问题,但在移动版上,我的导航菜单已崩溃,无法关闭。我添加了以下内容以解决此问题:
@media screen and (max-width: 1024px){
.nav-mobile{
display: none;
}
但是当我点击菜单按钮时,菜单是空白的。
有人能帮我一下吗?有什么办法可以解决这个问题吗 设置
显示:无代码>隐藏应用它的元素。这就是为什么菜单是空的。我添加了这个脚本,但它不起作用
<script type="text/javascript">
$( document ).ready(function() {
$( "#icon-hamburger" ).click(function() {
$("#cell-phone").show();
});
});
</script>
$(文档).ready(函数(){
$(“#图标汉堡”)。单击(函数(){
$(“#手机”).show();
});
});
我的问题是,是否有其他方法可以解决这个问题?我如何隐藏导航菜单,然后显示它?你能分享你的网站url吗。这样我就可以告诉你怎么修理了。尝试将此作为guess@media screen和(最大宽度:1024px){.page wrapper{position:initial;}}}这是URL: