css - Wordpress:文本在移动设备上消失

Question

我希望有人能提供帮助。

我正在处理此页面:http://www.jackjaffa.com/directory/ .当您在 iPhone 上查看页面时，排名前 2 位的人的标题就会消失在图片后面。

我对 Wordpress 和 CSS 非常流利，不知道我能做些什么来解决这个问题。

有什么想法吗？

Answer 1

需要使用媒体查询。并且必须阅读媒体查询 https://www.w3schools.com/css/css3_mediaqueries.asp

请使用此媒体查询 CSS。并让我知道任何进一步的说明。

@media screen and (max-width: 1199px) {
  .department-head-div.executive-div .figure-image, .department-head-div.executive-div .figure-image img{
    width: 100%;
    height: 100%;
  }
  .department .row > div > div{padding-left: 10px;}
}
@media screen and (max-width: 767px) {
  .department .row > div > div{
    height: auto;
    padding-left: 10px;
    width: 100%;
    display: inline-block;
  }
  .department .row > div > div{text-align: center;}
}