2016-12-06 67 views
0

我有我的移動網站的頂部有兩個按鈕的麻煩 www.thefriendlydentist.ie點擊HTML鏈接移動無法點擊,但在桌面上

他們是在桌面上點擊,但在移動我沒有得到任何響應?

在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:[email protected]"> <p style="background-color:white;padding:none;" class="call-button" id="email-button"> EMAIL US </p> </a> 

</div> 
+3

這是不可能知道的問題。 – Dekel

回答

0

刪除下面的代碼塊或顯示:隱藏在您的主題的移動。

如果您在使用移動設備工具欄上的桌面瀏覽器看,你會看到這些內容填滿所有頁面,以便您的按鈕留下他們的後面。

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

您可以在圖像中看到上面元素如何填充頁面。 enter image description here

+0

謝謝!我沒有意識到他們被覆蓋,因爲當我以移動寬度在桌面瀏覽器上查看時,它似乎是可點擊的。 – dan101

0

請去你的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是重疊的兩個按鈕導致它,你不能點擊。不看完整結構

+0

謝謝!工作:) – dan101

+0

@ dan101,請標記爲完成。很高興我能幫上忙。 – Jeff