阅读更多按钮在移动主题中不起作用[关闭]答案

【问题标题】：Read more button doesn't work in mobile theme [closed]阅读更多按钮在移动主题中不起作用[关闭]
【发布时间】：2016-03-03 10:46:16
【问题描述】：

这里的问题是阅读更多按钮在我的 Wordpress 博客上的移动主题中不起作用

我的网站：abood250.com

    /* =Mobile Styling
----------------------------------------------- */

@media (max-width: 768px) {
  .pull-right {
    float: none !important;

  }
  .pull-left {
    float: none !important;
  }



  .site-info, .copyright {
      text-align: right;

  }

  .footer-nav.nav, .copyright {
    float: none;

  }

  .site-content {
    width: 100%;
}

  .flex-caption {
    display: none;
  }
  .navbar > .container .navbar-brand {
    margin: 0;

  }
  .navbar-default .navbar-nav > li > a {
    line-height: 20px;
    padding: 15px 10px;
  }

  #footer-area {
    display: none;
  }

  .entry-content {
     margin: 0;

    }



}

【问题讨论】：

“不工作”是什么意思？请参阅How to Ask。现在，您只需向我们展示一些 CSS。
@Rizier123 点击的意思在移动设备上不起作用，但它适用于桌面主题，我也添加了页面
您需要向我们展示您的代码。

标签： php html css wordpress

【解决方案1】：

问题是因为

    <div class="content-area col-md-8" id="primary">
      ...   
    </div>

和

    <div class="widget-area col-md-4" id="secondary" role="complementary">
      ....      
    </div>

在移动视图中重叠。您可以通过检查元素工具进行验证。

要解决此问题，您必须使用媒体查询将 followinf 规则仅应用于桌面屏幕（可能还有平板电脑），但不适用于手机。

 .side-pull-right #primary {
    float: right;
 }

【讨论】：