Firefox Mozilla中菜单的视图不好吗？

Question

当我使用FireFox时，在我的网站上

我对菜单内容有疑问。 wrong menu view

仅在Firefox中出现问题。

Answer 1

看着your website，

您的CSS显示：

.navbar .navbar-nav li .dropdown-menu .menu-item-has-children > a::after,
.widget_unicase_nav_menu .navbar-nav li .dropdown-menu .menu-item-has-children > a::after{
  font-family: FontAwesome;
  content: '\f105';
  float: right; }

应为：

.navbar .navbar-nav li .dropdown-menu .menu-item-has-children > a::before,
.widget_unicase_nav_menu .navbar-nav li .dropdown-menu .menu-item-has-children > a::before {
  font-family: FontAwesome;
  content: '\f105';
  float: right; }

将两个after更改为before。 这样可以在所有浏览器中正确对齐菜单箭头。

或者，将position:absolute; right:5px;添加到您的代码中。

Answer 2

我已经检查了与Firefox相关的设计问题，请 在style.css

中使用以下CSS代码

  

注意：这将在Firefox问题上解决。

.navbar .navbar-nav li .dropdown-menu .menu-item-has-children > a::after, .widget_unicase_nav_menu .navbar-nav li .dropdown-menu .menu-item-has-children > a::after {
    font-family: FontAwesome;
    content: '\f105';
    float: right;
    top: 0;
    position: absolute;
    right: 5px;
}