下拉菜单上滚动时不需要的文本大小更改

Question

我有一个下拉菜单，滚动页面时链接会变大。不幸的是，这样就有可能将最底层的那些放在页面底部。

该网站为http://www.jswhite.co.uk/

有谁知道如何防止这种情况发生？

Answer 1

这是问题

@media only screen and (min-width: 981px)
.et-fixed-header #top-menu li a {
    font-size: 22px;
}

您使用了@media ..尝试删除此声明

你也可以粘贴这个css代码

.et-fixed-header #top-menu li a {
    font-size: 16px !important;
}

Answer 2

你的javascript代码添加了类＆＃34; et-fixed-header＆＃34;在标题标记和你的CSS中你使用下面的代码。  @media only screen and (min-width: 981px) .et-fixed-header #top-menu li a { font-size: 22px; }

因此在添加et-fixed-header类之后，它会更改菜单文本。改变你的CSS。

.et-fixed-header #top-menu li a {
font-size: 16px;
}

Answer 3

1. 设置字体大小对于在滚动时保持它很重要

   #top-menu li li a {   font-size：16px！important;   line-height：1.1em;  }

2. 将溢出添加为滚动

   #main-header .nav li ul {   background-color：＃f1f1f1;   溢出：滚动; }