显示Wordpress产品滑块的问题

Question

我正在使用WooCommerce产品滑块插件在我的一个客户页面的页脚上显示一组图像。

在其中一个页面中，产品滑块显示在内容的顶部，而不是低于应有的位置。有关示例，请参阅http://www.mitholog.com/product/black-blue/。确保单击“评论”选项卡以查看问题。滑块显示在查看部分的顶部。

我怀疑这是一个CSS问题，因为我在控制台中没有看到任何错误。我怎么会开始解决这个问题？

以下是显示它的代码：

 <section id="cart-slider">
 <!-- Show responsive shopping cart item slider -->
 <?php if(function_exists('wa_wps_pro')){ echo wa_wps_pro(1);} ?>

这是该部分的css：

 #cart-slider{
       margin-top: 160px;
       margin-left: auto;
       margin-right: auto;
       max-width:900px;
       padding: 0;
   }

Answer 1

滑块在调整浏览器大小后没有出现这个问题（即模仿手机等较小的设备），因此快速而肮脏的选择是将保证金增加到必要的数量：

#cart-slider{
   margin-top: 300px;
   margin-left: auto;
   margin-right: auto;
   max-width:900px;
   padding: 0;
}

虽然这不会给你一个干净的解决方案，但它是我能给你的唯一帮助，因为大多数与滑块相关的CSS必须是（我想）在插件文件中。祝你好运！