css - 单击徽标时无法触发功能

Question

我有一个徽标，当您单击它时，它会将您带到起始页。这适用于桌面视图，但不适用于移动视图！？我该怎么做才能使这项工作在移动视图中也能正常工作？我有一个 vue 项目。主页位于eagleinstruments.se

希望你能帮助med解决这个问题！

最好的问候/丽莎

标签： cssvue.jsmobile

Answer 1

这是因为菜单导航栏与您的徽标重叠。您的徽标确实有一个z-index: -1;，但在这里，解决方法是为.wrap .hamburger菜单设置一些宽度。

这可能就足够了，但当然你可以使用 flexbox 或类似的东西来做一些更复杂的事情，以根据可能发生的情况使其更具响应性。

width: auto;

我通过使用 chrome devtools 检查发现了这一点。