发布链接不在768px下工作

时间:2015-08-07 11:49:21

标签: php html css wordpress twitter-bootstrap

网站http://www.mercuriusresearch.co.ukBootstrap上运行,基于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 &#8594;</a> </div> </article> 循环:

textinputformat.record.delimiter

正如我所说,这是在更大的屏幕尺寸,如果这部分有问题,显然会出现在所有屏幕尺寸上。所有其他代码都在网站上(显然,我不确定哪个部分确切相关,或者我不会有这个问题)。

2 个答案:

答案 0 :(得分:1)

要获得快速解决方案,您可以CSS使用media querydevices下面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;