2016-05-19 11 views
0

私は左に私のメニューのヘッダーを置いて、左に私のメニューのヘッダーを動かすことができます。しかし、私はモバイルで見たときに、私のモバイルメニューがなくなってしまったので、助けてください。 左にメニューを移動するには、この私のコード:それはすべての画面にも表示されますcss(divi wordpressのテーマ)の位置メニューのヘッダー

margin-left: 10%;//write your right percentage 

よう

#main-header .container.clearfix.et_menu_container{ 
margin-left: -400px;} 
+0

あなたのテーマはメディアクエリを使用しています。問題はあなたの変更がモバイルメディアのクエリに影響することです。したがって、ブラウザでウィンドウのサイズを変更し、要素を調べると、変更が必要なcssの部分が見つかるでしょう。 – sinisake

+0

よく私はモバイルデバイスのために変更する方法を理解していないか、私は小さな画面を言う必要があります。とにかくinfo @nevermindのためのthk –

答えて

1

のサイズ、 CSSファイルにこのようなコードを追加するだけです。

@media screen and (max-width: 480px) { 
    #main-header .container.clearfix.et_menu_container{ 
margin-left: initial;} 
} 

最小幅は、CSSが以下の規則をいつ使用するかを示します。この場合、画面の幅は最大480ピクセルです。あなたは正しい外観を得るためにこの設定を調整する必要があるかもしれません。

初期値はデフォルト値に戻ります。それが動作しない場合、あなたはテーマのCSSを通過し、それが設定されて参照してくださいする必要があります。

モバイル(小画面)の場合、このスクリプトはテーマをテーマのデフォルトに戻す必要があります。

1

使用率の値がマージン左モバイルでを削除するには