我一直在四处寻找，并设法弄清楚代码的确切区域，这些区域或多或少会给我我想要的结果。但我意识到实际上它打破了网站。我将解释原因！
所以我希望我的电子商务网站的菜单在移动设备上更易点击。实际上，用手指很难击中菜单，而且不是没有正确激活菜单。所以我找到了一种通过调整代码使其更易于点击的方法，但我刚刚意识到的问题是它打破了网站的其他区域。例如，＆＃39; searh＆＃39;栏不会点击，产品图片缩略图将不会返回到第一个。与边际和区域有关。
这是我的旧代码，这意味着可点击区域太小：
#mobile-nav-return {
z-index: 7000;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 0;
background: rgba(0,0,0,0.3);
opacity: 0;
transition: opacity 250ms;
新代码（这意味着可点击区域相当不错，但随后弄乱了网站上的其他元素）：
#mobile-nav-return {
z-index: 7000;
position: fixed;
top: -5px;
bottom: -5px;
left: -5x;
width: 24%;
height: -5px;
background: rgba(0,0,0,0.3);
opacity: 0;
transition: opacity 250ms;
不确定该怎么做。可能有一种完全不同的方式。我并不擅长这些东西，但我设法得到了一些结果......似乎弄乱了页面的其余部分。干杯
P.S。似乎宽度为24％＆＃39; part是键，它扩展了可点击区域。我试过把它缩小，但无论如何都不能帮助它。