菜单项出现在两行而不是 Joomla 中的一行

Question

我在我的 joomla 菜单中添加了一个新菜单项，但现在它出现在第二行，而不是将我的所有六个菜单项都放在一条水平线上，这使得我的菜单在垂直方向上太厚。我如何将它们全部放在一条线上？我需要更改菜单的宽度吗？

Answer 1

选项 1：减小菜单字体大小和填充

我需要 link 到该网站才能确定，但看起来您使用的是 RocketTheme Anacron 模板。

如果是这样，您可以在 /public_html/templates/rt_anacron/css/rt_anacron-custom.css 创建自定义 CSS 文件（如果尚不存在）并添加以下代码以调整字体大小和填充以减小菜单宽度更窄的屏幕宽度：

/* Menu - Adjust for Screen Widths */
@media only screen and (min-width: 1200px) {
  .gf-menu.l1 > li > .item {font-size: 15px;}
  .gf-menu.l1 > li > .item {padding: 0 10px;}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .gf-menu.l1 > li > .item {font-size: 11px;}
  .gf-menu.l1 > li > .item {padding: 0 9px;}
}
@media (min-width: 768px) and (max-width: 959px) {
  .gf-menu.l1 > li > .item {font-size: 9px;}
  .gf-menu.l1 > li > .item {padding: 0 5px;}
}

您可能需要调整字体大小和填充数字以适应。

编辑：添加其他选项

我现在看到您在 header 区域有一个隐藏的徽标和等宽（各 50%）的菜单。

选项 2：在 Header

中禁用徽标

如果您不想要 header 中的标志，您可以在 Extensions -> Template -> Anacron - Default -> Style:

的模板设置中禁用它

选项 3：修改布局，使菜单可以使用模板宽度的 50% 以上

如果您想保留徽标，可以修改 Extensions -> Template -> Anacron - Default -> Layouts 处的 header 个元素之间的比例，以提供足够的空间让您的菜单保持在一行中：

菜单项出现在两行而不是 Joomla 中的一行

Menu Items Appear on Two Lines Instead of One in Joomla

menu

joomla3.0