在中心对齐页眉菜单：Wordpress（Avada Theme）自定义CSS

在我的网站（www.eibenhof.at）中，我想在右侧有中间的顶部标题菜单。（我也将删除徽标，以便只有文字位于中心）。但是，Avada主题没有选择将其置于中心位置。在中心对齐页眉菜单：Wordpress（Avada Theme）自定义CSS

首先，我试图在阿瓦达索论坛找，我可以用一个特定的自定义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”，但它看起来不错，但我无法再点击子菜单项。

帮助？我会很感激！

来源

2016-08-19 Katharina Steinbauer

我敢肯定阿瓦达索主题已经有一个环境，让您可以将导航移动到中心.. – Option

没有也不幸 –

新增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; 
}

来源

2016-08-19 07:07:55

太好了！谢谢。第一个： .fusion-header {text-align：center;} .fusion-main-menu { float：right; } .fusion-is-sticky .fusion-sticky-menu-1 .fusion-sticky-menu { display：inline-block; }没有工作！但第二版本（.fusion头{文本对齐：中心;} .fusion-主菜单{ 浮动：继承; 显示：内联块; } .fusion-是粘性的。 fusion-sticky-menu-1 .fusion-sticky-menu { display：inline-block; } did！还有一件事：我希望仍然有子菜单中的文本对齐到左侧，而不是在中心 - 这将是可能的吗？ –

添加此CSS。子菜单li a {text-align：left;} –

好的，谢谢，工作。只是一件事：只要我申请的代码 - 子菜单不再与主菜单完全对齐，它有点儿在里面主菜单，而不是完全连接到它。这是为什么？ –

在中心对齐页眉菜单：Wordpress（Avada Theme）自定义CSS

回答

相关问题