2016-03-30 11 views
0

一度スクロールして表示される固定メニューバーをまとめました。背景ナビゲーションバー画像が表示されない

http://staging.meadowspetcareservices.co.uk/

私はこれを実装しているが、顧客は、バー内のアイコン画像をしたいと思います。私はこれをCSS内の背景画像として追加しようとしました。しかし、それは表示されていません?

nav.nav-header.fixed { 
    width: 100%; 
    z-index: 600; 
    background: #9D162E url(/wp-content/uploads/2016/03/meadows-favicon-negative.png); 
    background-repeat: no-repeat; 
    background-position: 20px center; 
    background-size: 56px; 
    position: fixed; 
    top: 0; 
    left: 0; 
    -webkit-transform: translateY(0%); 
    -ms-transform: translateY(0%); 
    transform: translateY(0%); 
    -webkit-animation: slidedown 2s forwards; 
    animation: slidedown 2s forwards; 
} 

nav.nav-header.fixed.wrap { 
    width: 100%!important;  
} 

nav.nav-header.fixed ul#menu-primary { 
    width: 100%; 
    text-align: right; 
} 

すべてのヘルプは、実際に動作

答えて

1

あなたのコードをいただければ幸いです!

問題は、このコードは、あなたのイメージの後に適用されていることである(の上に塗装思う)

.site-header .genesis-nav-menu { 
    background: #9D162E; 
} 

だから上記のクラスの背景色を削除し、あなたが行ってもいいです!

+0

はい、動作します。 'background:#9D162E'を' background:transparent'に変更するだけです。 –

+0

は実際にそれを削除します。とにかくそれを使用することはありません:) – Sprazer

+0

DOH!いつもありがとう! –

0

これは必要なものですか?

ul#menu-primary{ 
    background-image: url('wp-content/uploads/2016/03/meadows-favicon-negative.png') !important; 
    background-repeat: no-repeat; 
} 
関連する問題