在中心對齊頁眉菜單：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

回答

相關問題