在移动设备上点击切换台时,CSS菜单会自动点击第一项

时间:2014-08-25 04:28:24

标签: javascript css responsive-design

我在以下网站上有一个响应式CSS菜单:http://eurogoldendoodle.com。它在移动设备上使用切换台。但是有一个问题。当我在移动设备上打开切换台/汉堡菜单时,似乎再次注册菜单中的第一个项目,即主页按钮。一旦打开菜单,这会立即立即转到主页。

如果我将此菜单项的链接设置为"#",则效果非常好。除此之外我失去了主页链接!

基本上,它是打开切换器菜单并同时点击第一个项目,这意味着我没有机会浏览菜单以找到我想要的链接。

我意识到CSS没有" onClick"事件和我可以使用的其他工具,但我肯定一定会遗漏一些东西?是否可以仅使用CSS执行此操作?如果没有,那么解决这个问题最简单,最轻松的方法是什么?

提前感谢您的帮助!

布伦特

1 个答案:

答案 0 :(得分:0)

我猜了一下,但我怀疑你需要稍微移动你的列表项,这样第一个就不会被点击。

尝试;

.sky-mega-menu li {
    padding-top: 55px;
}
仅在您的移动样式表中

希望这有帮助。