Php 如何在手机上播放按钮

大家好

刚开始在一家公司工作，这家公司让我负责优化他们的网站（nigeria friends（dot）com/staging.academix），我一直在做这项工作，但我对PHP、HTML和CSS不太精通。但是，我可以自信地阅读和理解其中的一些内容。因此

我一直试图将所有内容集中在frontpage图像横幅上

在最大宽度为380px的移动设备上显示或制作一个特定按钮“Academix如何为您带来好处”，但没有成功，这让我感到困惑 我已经搜索了所有的CSS，但无法找到任何修复它的方法。因此，我打电话求助。在查看了基本文件夹中的index.html之后，我发现了一些东西，上面提到的按钮是在一个循环中，我不明白

以下是索引代码：

<div class="col-sm-12 col-xs-10 col-centered">

  <?php if(!isset($_SESSION["acc_identifier"])){ ?>
    <!--
      <div class="col-sm-4 col-centered">
        <a href="<?php echo $URLMAIN; ?>/access/signup.html">
          <div id="fb-login" class="social-login">
            <div class="social-text">Sign up for free</div>
          </div>
        </a>
      </div>
    -->

    <div class="col-sm-6 col-centered">
      <a href="<?php echo $URLMAIN; ?>/about/benefits.html">
        <div id="yahoo-login" class="social-login">
          <div class="social-text">How <?php echo $web_shortName; ?> can benefit you</div>
        </div>
      </a>
    </div>

    <div class="col-sm-6 col-centered">
      <a href="<?php echo $URLMAIN; ?>/access/host.html">
        <div id="g-login" class="social-login">
          <div class="social-text">Host your journal on <?php echo $web_shortName; ?></div>
        </div>
      </a>
    </div>

  <?php }else{ ?>

    <div class="col-sm-6 col-centered">
      <a href="<?php echo $URLMAIN; ?>/about/benefits.html">
        <div id="yahoo-login" class="social-login">
          <div class="social-text">How <?php echo $web_shortName; ?> can benefit you</div>
        </div>
      </a>
    </div>

    <div class="col-sm-6 col-centered">
      <a href="<?php echo $URLMAIN; ?>/access/host.html">
        <div id="g-login" class="social-login">
          <div class="social-text">Host your journal on <?php echo $web_shortName; ?></div>
        </div>
      </a>
    </div>
  <?php } ?>

</div>

我不能在这里粘贴所有index.html代码，因为它非常长，在我尝试粘贴时会生成错误格式，这是php和html的混合，php从index.html开始。CSS文件也是如此

@media (min-width: 380px){
  #yahoo-login .social-text {
    display: none;
  }
}

或

或

---

您可以使用

@media

查询。您可以使用

@media

查询。谢谢，这很有帮助。非常感谢。谢谢。这很有帮助。非常感谢。

@media (max-width: 380px){
  #yahoo-login .social-text {
    display: block;
  }
}