2016-08-19 4 views
1

私のウェブサイト(www.eibenhof.at)には、右の隅に一番上のヘッダーメニューが中央に表示されます。 (テキストのみが中心になるように、私はまた、ロゴを削除します)。しかし、それを中心に置くというAvadaテーマからの選択はありません。中央のヘッダーメニューを整列させる:Wordpress(Avada Theme)カスタムCSS

まず、私が使用することができ、特定のカスタムCSSコードのAvadaフォーラムで見るしようとしていたと私はこれを見つけた:

.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;} 

しかし、このコードは私のために動作しませんでした。それはすべてを中心に置くが、すべてが邪魔になる!代わりに「表示:インラインブロック」の:それから私は唯一の「インライン表示」を使用しようとしたと私はもうサブメニュー項目をクリックすることができませんでしたしかし、それは大丈夫に見えました。

ヘルプ?私はとても感謝しています!

+0

私はAvadaのテーマは、すでにあなたがセンターにNAVを移動することができ、設定.. – Option

+0

無いことしないの残念ながら –

答えて

1

追加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; 
} 
+0

グレートを持っているかなり確信して!ありがとう。最初のもの: .fusionヘッダ{テキスト整列:センター;} .fusionメインメニュー{ フロート:右。 } フュージョンスティッキーフュージョンスティッキーメニューフュージョンスティッキーメニュー{ 表示:インラインブロック; }うまくいきませんでした! が、第2版(.fusionヘッダ{テキスト整列:センター;} .fusionメインメニュー{ フロート:継承; 表示:インラインブロック; } .fusion-あるスティッキー。フュージョン・スティッキーメニュー1フュージョン・スティッキーメニュー{ 表示:インラインブロック; もう1つだけ:私はまだサブメニューのテキストを左に揃えておきたいどのように可能でしょうか? –

+0

このCSSを追加するサブメニューli a {text-align:left;} –

+0

okありがとうございました。もう1つだけ:コードを適用するとすぐにサブメニューもうメインメニューには完全には整列されていません。メインメニューではなく、完全に接続します。何故ですか? –

関連する問題