メニューの電話番号

Question

私のウェブサイトのメニュー（携帯電話のみ）に電話番号を追加したい場合は、その番号をタッチすると電話がかかります。これまでのところi'veがこのメニュー

  <div class="rd-navbar-panel"> 
      <button data-rd-navbar-toggle=".rd-navbar-nav-wrap" 
      type="submit" class="rd-navbar-toggle toggle-original"><span> 
      </span></button> 
      <div class="rd-navbar-brand"><a href="index.html" class="brand- 
      name">  
      <img src="logo.png" style="width: 80px">     
      </a></div><a href="index.html" class="brand-name"> 
      </a> 
      </div> 

のHTMLコードであり、これは私が

<a href="tel:+1800229933">+1800229933</a> 

に置くが、私はそれで文句を言わないショーをそれを置くときたいものです。この

初段を得ました携帯電話でそれを動作させるには？ http://testwebsites.9e.cz/index.html

Answer 1

あなたの問題は、zインデックスです：おかげ あなたがコードから何か他のものを見るために必要がある場合は、ここで自分のサイトのリンクです。 モバイルで.rd-navbar-brandはZ-インデックスが高いため、携帯電話のアンカータグをカバーしています。

@media screen and (max-width: 480px) { 
.rd-navbar-brand { 
position: relative; 
left: 0; 
} 

を試してみて、Zインデックスを追加：1をお使いの携帯電話のアンカータグに。

Answer 2

<div class="address-group"> 
<a href="index.html" class="brand-name"></a> 
<a id="mail" href="mailto:#" class="fa-envelope-o">info@demolink.org</a> 
<a id="mobileNo" href="tel:+1800229933"> 
    <i class="fa-mobile-phone"></i> 
    <span> +1800229933</span> 
</a> 
</div> 

---

#mobileNo{display:none;} 
@media screen and (max-width: 480px) { 
    .rd-navbar-brand { 
     position: relative; 
     left: 0; 
    } 
    #mobileNo{display:block!important;} 
    #mail{display:none;} 
}