2016-04-20 9 views
0

私のメインメニューの右に私のソーシャルメディアのアイコンを手動で配置しようとしている。それは私のメディアのクエリdoesntが正しく動作するようです。私のCSSとスクリーンショットのカップルでhtmlコードを理解してください。Wordpressのテーマの位置付け

enter image description here

そして、私のCSSコードです:

@media only screen and (min-width : 1224px) { 
    div.header_mid_inner { 
     position: relative; 
    } 

    div.header_mid_inner .social_wrap { 
     position: absolute; 
      left: 91%; 
     top: 50%; 

    } 
} 
@media only screen and (min-width : 1824px) { 
    div.header_mid_inner { 
     position: relative; 
    } 

    div.header_mid_inner .social_wrap { 
     position: absolute; 
      left: 95%; 
     top: 40%; 

    } 
} 

画面は、彼らがオフになっている大きくなったり小さくなっているとき、それはそう..私はそれを修正するために何かできることはありますか?

+0

あなたの質問に対する回答が適切に開始されるようにするには、[最小、完全、および検証可能な例](http://stackoverflow.com/help/mcve)を追加してください。 – Roy

答えて

1

left: 9X%の代わりにright: 0%を試してみてください。 <div>が正しくラップされている場合は正常に動作します。

+0

ええ、私はこれを試して、それは大丈夫と思われる。 –