在中心对齐标题菜单:Wordpress(Avada主题)自定义CSS

时间:2016-08-19 07:03:47

标签: html css wordpress content-management-system

在我的网站上(www.eibenhof.at)我想在中间放置顶部标题菜单,此时它位于右侧。 (我还将删除徽标,以便只有文本位于中心)。然而,Avada主题没有选择将它放在中心。

首先,我试图在Avada论坛中查找我可以使用的特定自定义CSS代码,我发现了这个:

.fusion-main-menu {float:none !important;}
.fusion-main-menu > ul{float:none !important; text-align:center !important;}
.fusion-main-menu > ul > li,.fusion-main-menu > ul > li > a{float:none !important; display:inline-block !important;}
.fusion-main-menu > ul ul{text-align:left !important;}

但是,这段代码对我不起作用。它把一切都放在了中心,但它让一切都搞砸了!然后我尝试只使用“display:inline”而不是“display:inline-block”,它看起来不错,但是我再也无法点击子菜单项了。

帮助?我会非常感激的!

1 个答案:

答案 0 :(得分:2)

添加css这个类

.fusion-header{text-align:center;}
.fusion-main-menu{
float:right;/*remove this property*/
/* or */
float:inherit;
display:inline-block;
}

.fusion-is-sticky .fusion-sticky-menu-1 .fusion-sticky-menu {
    display: inline-block;
}