WordPress菜单下拉无法完整显示，需添加滚动功能求助

方法一：用主题自定义面板添加CSS（最适合入门用户） #

这是最简单的操作方式，无需修改主题核心文件，步骤如下：

• 登录WordPress后台，点击「外观」→「自定义」
• 在打开的自定义面板中，找到「额外CSS」（部分主题可能命名为「自定义CSS」）选项
• 粘贴以下代码到输入框，点击「发布」保存即可：

/* 设置下拉菜单最大高度并启用滚动 */
.main-navigation ul ul {
    max-height: 400px; /* 可根据需求调整高度，比如300px、500px */
    overflow-y: auto;
}

如果上述代码未生效，说明你的主题菜单CSS选择器不同，可按以下方式查找正确选择器：

• 打开网站前台，鼠标悬停菜单显示下拉列表
• 右键点击下拉菜单空白区域，选择「检查」（Chrome/Firefox浏览器均支持）
• 在开发者工具的Elements面板中，找到包裹下拉菜单的容器元素，复制其CSS类或ID，替换代码里的.main-navigation ul ul即可

方法二：通过子主题的style.css添加CSS #

若你正在使用子主题（推荐，避免主题更新覆盖自定义内容），可按以下步骤操作：

• 后台点击「外观」→「主题文件编辑器」
• 在右侧文件列表中选择子主题的style.css
• 将前面的CSS代码粘贴到文件末尾，点击「更新文件」保存

可选：美化滚动条样式 #

如果默认滚动条不符合网站风格，可添加以下代码自定义样式：

/* 自定义下拉菜单滚动条样式 */
.main-navigation ul ul::-webkit-scrollbar {
    width: 8px; /* 滚动条宽度 */
}
.main-navigation ul ul::-webkit-scrollbar-track {
    background: #f1f1f1; /* 滚动条轨道背景色 */
}
.main-navigation ul ul::-webkit-scrollbar-thumb {
    background: #888; /* 滚动条滑块颜色 */
    border-radius: 4px; /* 滑块圆角 */
}
.main-navigation ul ul::-webkit-scrollbar-thumb:hover {
    background: #555; /* 鼠标悬停时滑块颜色 */
}

内容的提问来源于stack exchange，提问作者Syed Ahxn