网站http://www.mercuriusresearch.co.uk在Bootstrap
上运行,基于HTML
。
当您将屏幕大小调整为768px以下时,错误显示所有帖子标题链接都停止工作。实际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 →</a>
</div>
</article>
循环:
textinputformat.record.delimiter
正如我所说,这是在更大的屏幕尺寸,如果这部分有问题,显然会出现在所有屏幕尺寸上。所有其他代码都在网站上(显然,我不确定哪个部分确切相关,或者我不会有这个问题)。
答案 0 :(得分:1)
要获得快速解决方案,您可以CSS
使用media query
为devices
下面768px
撰写#latest-news-front,
#stock-ideas-front {
position: relative;
z-index: 10;
}
,您的链接就可以正常使用。
5.0.12
答案 1 :(得分:1)
有一个div涵盖了您使用的所有其他div。 如果你查看元素检查器,你可以看到div。
你可以浮动侧边栏前面的div,但是有一个更改,其他div将表现不同。
aside#sidebar-front {
float: left;
}
或清除每个div,在每个div的末尾使用以下代码。
clear: both;