Wie können Links in Bootstrap über Mobile klickbar gemacht werden?

Question

Ich habe eine Website, die normal funktioniert, aber im mobilen Modus sind alle Links (mit Ausnahme der Navigation) nicht mehr anklickbar. Weiß jemand, wie man das ändert? Ich bin mit Bootstrap nicht so vertraut, obwohl ich versucht habe, so viele Fehler wie möglich zu beheben.

Hier ist die Website: http://dominiquehall.com/dom/

Vielen Dank im Voraus, wenn jemand helfen kann.

Answer 1

Entfernen Sie den folgenden Code aus Ihrem Thema CSS-Datei (agency.min.css) in Zeile 477:

div { 
height: 100%; 
} 

Oder Sie können diese Eigenschaft überschreiben, indem Sie den folgenden Code in der benutzerdefinierten CSS-Datei hinzufügen:

Das Problem in Ihrem Code ist mit der Eigenschaft von div mit Höhe 100%, so dass alle Links überlagern. Das div mit dem Bild einer Gitarre spielenden Person deckt die Links im mobilen Modus ab. Die Bilder sind versteckt, aber das Div existiert immer noch.

Ein weiterer Hack versteckt dieses bestimmte div im mobilen Modus.

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

In Ihrem Fall das Ziel div ist:

<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> 

nur einen Klassennamen für mobile Geräte auf die oben div und eine Anzeige wie keine addieren und Ihre Website ist gut zu gehen.