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