如何在手機上做一個按鈕顯示

Question

美好的一天，每個人。

剛開始在公司工作，這也給我的任務，以優化他們的網站（尼日利亞朋友（點）的COM/staging.academix）響應，這是我一直在做的逐漸和上午不是所有的用PHP精通， HTML和CSS。但是，我可以自信地閱讀和理解其中的一些東西。從而;

1. 我一直在試圖居中的FrontPage圖像橫幅
2. 顯示的所有內容或進行特定按鈕「如何Academix能使你受益」出現在最大寬度的移動設備：380px沒有成功，這讓我感到困惑。

我已經搜索了所有通過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文件也是如此。

Answer 1

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

OR

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