HTMLリンクは、デスクトップ

Question

私は私のモバイルサイトの上部にある二つのボタンとのトラブルを抱えています

www.thefriendlydentist.ie上のクリック可能です彼らは、デスクトップ上のクリック可能ではないが、携帯電話に、私は何を得る

応答？

htmlはWPテーマのヘッダーに配置されています。

<div id="topcontact-2" style="background-color:white;"> 
<a href="tel:012863787"><p style="background-color:white;padding:none;"class="call-button" id="call-button"> CALL US </p> </a> 
<a href="mailto:info@thefriendlydentist.ie"> <p style="background-color:white;padding:none;" class="call-button" id="email-button"> EMAIL US </p> </a> 

</div> 

Answer 1

以下のコードブロックを削除するか、テーマでモバイル：hiddenを表示してください。

モバイルデバイスのツールバーを使用してデスクトップブラウザを表示すると、これらの要素がすべてのページに表示され、ボタンがそれらの後ろにとどまることがわかります。

<div class="mobile-bg-fix-img-wrap"> 
    <div class="mobile-bg-fix-img" style="/* width: 375px; *//* height: 767px; */"></div> 
</div> 

イメージでは、どのように上記の要素がページに埋め込まれているかを見ることができます。

Answer 2

あなたのCSSに行ってこの変更を行ってください。

.mobile-bg-fix-wrap .mobile-bg-fix-img { 
position: absolute; 
width: 100%; 
height: 125%; 
left: 0; 
top: 0; 
background-size: cover; 
} 

へ：

.mobile-bg-fix-wrap .mobile-bg-fix-img { 
position: absolute; 
width: 100%; 
height: 125%; 
background-size: cover; 
} 

トップと0に設定し、左あなたがそれらをクリックすることができなかったこと、それを引き起こして2つのボタンが重複しました。