スティッキーナビゲーションバー - モバイルデバイス上の唯一のショー

に私が唯一のモバイルデバイス上のボタンを粘着性にしたい - デモでこのような何かlink スティッキーナビゲーションバー - モバイルデバイス上の唯一のショー

あなたはこれを見るために、モバイルディメンションに、ブラウザのサイズを変更する必要があります。基本的にこれは、それが期待されている方法です - あなたはそれダウンスクロールが上に粘着性になるとき、ボタン、バナーの下にあると見ることができるのランディングページで： stickynav

は私が携帯にこの粘着性の持っているしたいが、今それはですデスクトップ上で起こっている。どのようなインパクトがあるのか、モバイルデバイスだけでボタンをスッキーにする方法についてアドバイスしてもらえますか？

ボタンの配置方法については、デスクトップ版にも影響はありますか？

2016-07-12 rory-h

を問い合わせますあなたはモバイルビューで固執したいですか？ –

http://stackoverflow.com/a/35605310/5383669メディアクエリを使用するには、このリンクを参照してください。 –

letがあなたがボタンを持っていると言う画面が

@media only screen and (max-width: 1020px) 
.for-mobile { 
    display: block !important; 
}

変更の最大幅をサイズ変更されたときに、あなたが最初にこのボタン

.for-mobile {display:none;}

を隠し、それを表示する必要が

<button class="for-mobile"></button

このスタイルの適用時に調整する

2016-07-12 05:09:15 Arif

あなたはcss @mediaクエリを使用する必要があります。あなたがウェブサイトのソースコードを表示する場合見here

2016-07-12 05:11:10 Burawi

を取り、あなたは簡単にそれがヘッダーのdiv

<div class="row t-most-header non-mobile">

でクラス.non-mobileを使用してCSSにを与えていることを理解することができます

@media only screen and (max-width: 1020px) 
    { 
    .non-mobile 
    { 
     display:none !important 
    } 
    }

はメディア詳細については、こちらをご覧くださいどのPA here

2016-07-12 05:47:06 bhansa

答えて