Question

在我的网站上我正在开发hcldesign.co.uk我有一个菜单，可以显示屏幕的移动尺寸。现在我编写了导航栏，因此当屏幕尺寸不足时，导航栏上的悬停效果不会被使用。当我单击导航栏菜单使用：focus。

更改为蓝色时，我也有颜色

现在，当我在PC上的网络浏览器中以及WordPress定制器的移动视图中时，此功能正常工作......但是当我使用手机或平板电脑时，此CSS与我使用时的工作方式不同它在显示移动网站的网络浏览器上（将窗口移动到类似大小的手机）

所以这真让我烦恼，因为我不太清楚我在这里需要做什么以及为什么它不会工作？

我的代码如下，你也可以在hcldesign.co.uk（开发中）的WordPress网站上看到它。

`#menu-primary-menu a:hover {
    color: #fff;
}

#menu-primary-menu .active a {
  color: #3588dc;
}


#menu-primary-menu a:focus {
  color: #3588dc!important;
}

@media screen and (min-width: 1000px) {
#menu-primary-menu a:hover:before,
#menu-primary-menu .current a:before,
#menu-primary-menu a:hover:after,
#menu-primary-menu .current a:after
 {
  width: 100%;
}
}

#menu-primary-menu a {
font-size: 14px;
margin: -10px
}`

移动点击导航栏颜色

0 个答案: