768像素以下的帖子鏈接無法正常工作

Question

該網站為http://www.mercuriusresearch.co.uk ，該網站可在Wordpress上運行，並基於Bootstrap 。

當您將屏幕尺寸調整為低於768px時，會顯示該錯誤，所有帖子標題鏈接都將停止工作。 實際的HTML仍在顯示href但帖子標題的行為就像普通文本一樣。

該錯誤在整個網站上顯示（即，在所有帖子標題鏈接上），但僅顯示在那些使用Wordpress鏈接的頁面部分上。 例如，我主頁上的側邊欄鏈接適用於所有屏幕尺寸。

我以前沒有這個問題。 基於上一段，我懷疑它以某種方式與Wordpress ...但是我使用的是與從Wordpress引入標題相同的代碼。 因此，錯誤似乎與屏幕尺寸有關，這一事實使我認為Bootstrap也與之相關。

任何幫助將非常感激。

網站上唯一沒有的代碼是這個，即Wordpress循環：

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

<div class="post-date">
    <?php k99_relative_time(); ?>
</div>  
<div class="post-title">
    <?php the_title( sprintf( '<h3 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h3>' ); ?>
</div>

<div class="post-excerpt">
    <?php the_excerpt(); ?>
</div>
<div class="read-more">
    <a href="<?php the_permalink() ?>">Read more &#8594;</a>
</div>

</article>

就像我說的那樣，這適用於更大的屏幕尺寸，如果本節有問題，則很顯然，所有屏幕尺寸都會出現這種情況。 網站上還有其他所有代碼（顯然，我不確定哪一部分完全相關，否則我不會遇到這個問題）。

Answer 1

快速解決方案是，您可以使用media query為768px以下的devices編寫CSS ，並且鏈接可以正常工作。

#latest-news-front, 
#stock-ideas-front {
    position: relative;
    z-index: 10;
}

Answer 2

有一個div可以覆蓋您使用的所有其他div。 如果您查看元素檢查器，則可以看到div。

您可以將側邊欄前div浮動，但其他div會有所不同。

aside#sidebar-front {
float: left;
}

或通過在每個div的末尾使用以下代碼清除每個div。

clear: both;