菜单项出现在两条线而不是一个在Joomla

我添加了一个新的菜单项到我的joomla菜单，但现在它出现在第二行，而不是在一个水平线上使我的菜单上的所有六个菜单项垂直太厚。我如何在一条线上获得他们全部？我是否需要更改菜单的宽度？菜单项出现在两条线而不是一个在Joomla

2016-05-29 Deek

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

我需要一个链接到网站，以确保但它看起来像你使用的是RocketTheme Anacron模板。

/* 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;} 
}

：

如果是这样，你可以，如果一个已经不存在，并添加以下代码，调整字体大小和填充，以减少对窄屏幕宽度的菜单宽度在创建一个/public_html/templates/rt_anacron/css/rt_anacron-custom.css自定义CSS文件

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

编辑：添加额外的选项

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

选项2：页眉禁用标志

如果你不想在头标志，可以在模板设置在Extensions -> Template -> Anacron - Default -> Style禁用：

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

如果哟ü要保留的标志，你可以在Extensions -> Template -> Anacron - Default -> Layouts修改头元素之间的比例，以提供足够的空间，让您的菜单中的一个行：

来源

2016-05-30 00:11:30

哦，我明白了。非常感谢你我欣赏 – Deek

我已经添加了一些更简单的选项来解决这个问题。 –

哇，太棒了。非常感谢第一个选项完美运作。对此，我真的非常感激。顺便说一句，因为你似乎知道很多关于joomla我想知道你可以请帮助我的第二个单独的问题，我正在添加一个装饰标题头文章（基本上标题出现在横跨每篇文章的顶部蓝色横幅内）。我正在更新一个网站，我对joomla很陌生，所以我不太清楚这些标题横幅是如何添加到每篇文章中的，因为它们在我尝试编辑文章时并未出现在任何地方。我可以发送你的照片我的意思是如果你想 – Deek

菜单项出现在两条线而不是一个在Joomla

回答

相关问题