Question

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

Answer 1

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

我需要一个指向该网站的链接，但看起来您使用的是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;}
}

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

修改：添加其他选项

我现在看到你有一个隐藏的标识，标题区域的菜单宽度相等（每个50％）。

选项2：在标题中停用徽标

如果您不想在标题中添加徽标，可以在Extensions -> Template -> Anacron - Default -> Style的模板设置中将其停用：

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

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

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

1 个答案: