2016-11-07 17 views
0

ロゴが中央にあるものを購入しましたが、スクロールしてロゴが移動し、もう中心にはなりません。スクロールダウン時に固定メニューの内側にロゴが表示されない

Example

私は絶対的な位置を設定し、左の追加:オート、右:オート、まだそれが中央にされていません。何故ですか?メインロゴ(下にスクロールしない)上の

position: absolute; 
top: -30px; 
left: auto; 
right: auto; 

:貼りロゴとの

position: absolute; 
top: -1px; 
left: auto; 
right: auto; 

を:

マイページは、私が追加を除いてまったく同じです。

+2

IMGは '.main-logo'容器よりも広いを試みます。 '.cbx-header .stick .cbx-logo .main-logo img {max-width:100%} 'を使うと、imgはコンテナに収まるようにサイズが小さくなります。 – Turnip

+0

特定のリンクでは、ロゴが画面の中央に表示されます – Samir

+0

常に中央に配置したい場合は、画像または親に特化してください。そして、CSSで '.class-name {margin:0 auto}'を作成してください。 – Samir

答えて

2

このCSS

.cbx-header .stick .cbx-logo { 
left: 0; 
margin: 0 auto; 
position: absolute; 
right: 0; 

}

+0

この単純なソリューションが動作するとは思っていませんでしたが、それはそうでした!ありがとう。 – twan

関連する問題