Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用Wordpress产品滑块显示问题_Html_Css_Wordpress - Fatal编程技术网

Html 使用Wordpress产品滑块显示问题

Html 使用Wordpress产品滑块显示问题,html,css,wordpress,Html,Css,Wordpress,我正在使用WooCommerce产品滑块插件在我的一个客户页面的页脚上显示一组图像 在其中一个页面中,产品滑块显示在内容的顶部,而不是应该显示在下面。有关示例,请参见。确保单击Reviews选项卡查看问题。滑块显示在“审阅”部分的顶部 我怀疑这是CSS问题,因为我在控制台中没有看到任何错误。我怎么才能开始解决这个问题呢 下面是显示它的代码: <section id="cart-slider"> <!-- Show responsive shopping cart item

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

在其中一个页面中,产品滑块显示在内容的顶部,而不是应该显示在下面。有关示例,请参见。确保单击Reviews选项卡查看问题。滑块显示在“审阅”部分的顶部

我怀疑这是CSS问题,因为我在控制台中没有看到任何错误。我怎么才能开始解决这个问题呢

下面是显示它的代码:

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

调整浏览器大小(即模拟较小的设备,如移动电话)后,滑块不会出现该问题,因此快速且脏的选项是将页边顶部增加必要的量:

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

虽然这不会给你一个干净的解决方案,但考虑到大多数与滑块相关的CSS必须(我想)在插件文件中,这是我能给你的唯一帮助。祝你好运

调整浏览器大小后(即模拟较小的设备,如移动电话),滑块不会出现该问题,因此快速且脏的选项是将页边顶部增加必要的量:

#cart-slider{
   margin-top: 300px;
   margin-left: auto;
   margin-right: auto;
   max-width:900px;
   padding: 0;
}
虽然这不会给你一个干净的解决方案,但考虑到大多数与滑块相关的CSS必须(我想)在插件文件中,这是我能给你的唯一帮助。祝你好运