如何修复此网站上的响应列？

Question

我正在尝试找出一种使用 CSS 完成这项工作的方法。我使用 wordpress 和主题，所以我不能真正改变很多标记，所以我试图先用 CSS 解决这个问题。

我正在构建一个包含 3 栏文章的网站。它在桌面上运行良好，但当您开始调整大小时。它是这样的。

我想要的是 'First post from Salon87 Brooklyn' 应该像这样紧挨着 'Second Post'。

这就是我希望它在桌面上的样子

这是代码。 http://www.salon87.nyc/news/

Answer 1

HTML 的问题在于，块中添加了一个元素 fix。您需要为移动设备隐藏它。尝试将 991px 更改为您的要求。

CSS

@media (max-width: 991px) {
  .fix {
    display: none;
  }
}