モバイル経由でブートストラップでリンクをクリックできるようにするには？

Question

私は正常に動作するウェブサイトを持っていますが、モバイルモードでは、リンクを除くすべてのリンクはクリックできなくなりました。誰かがこれを変更する方法を知っていますか？私はできるだけ多くのトラブルシューティングを試みましたが、Bootstrapにあまり慣れていません。ここで

は、ウェブサイトです：誰が助けることができるかどうかhttp://dominiquehall.com/dom/

は、事前にありがとうございます。

Answer 1

は、ライン477であなたのテーマのCSSファイル（agency.min.css）から次のコードを削除します。

div { 
height: 100%; 
} 

またはあなたのカスタムCSSファイルに次のコードを追加して、そのプロパティをオーバーライドすることができます。

div{ 
height: auto !important; 
} 

あなたのコードの問題は、divの高さが100％であるため、すべてのリンクがオーバーレイされています。ギターを演奏している人の画像を含むdivは、モバイルモードのリンクをカバーしています。画像は隠されていますが、divはまだ存在します。

もう1つのハックは、モバイルモードで特定のdivを非表示にしています。

<div class="col-lg-4 col-md-5"> 
      <div class="fixed"> 

      <img src="./img/dom1.jpg" id="photo" class="hidden-sm hidden-xs" alt=""> 

     <a href="file:///Users/kelseygraham/Desktop/dom3/pdf/resume.pdf" id="bottom-left" class="btn hidden-sm hidden-xs">View Resume</a> 

<a href="file:///Users/kelseygraham/Desktop/dom3/pdf/equipment.pdf" id="bottom-right" class="btn hidden-sm hidden-xs">Equipment List</a> 
       </div> 
     </div> 

ちょうど上記のdivやモバイルデバイス用なしとして表示するクラス名を追加し、あなたのサイトが行ってもいいです：あなたのケースでは

@media screen and (max-width:991px) 
{ 
    .target_div{ 
    display: none: 
    } 
} 

ターゲットdivがあります。