如何在 Zerif Lite Wordpress 主题中添加响应式滑块答案

【问题标题】：How to add Responsive Slider in Zerif Lite Wordpress Theme如何在 Zerif Lite Wordpress 主题中添加响应式滑块
【发布时间】：2017-08-17 20:53:59
【问题描述】：

我使用 Nivo Slider 插件在 big_title 部分添加了滑块。滑块工作正常，但在分辨率降低时没有响应，滑块保持相同大小。这些是我添加的代码：

这是添加的Css，

@media screen and (max-width:1023px) {
.home-header-slider {
 padding-top: 111px;
}
}
@media screen and (max-width:767px) {
.home-header-slider {
 padding-top: 0px;
}
}
 @media screen and (min-width:1024px) {
.home-header-slider {
 padding-top: 76px;
}
}

在 big_title.php 模板文件中添加的代码

<div class="home-header-slider">
<?php nivo_slider( 1 ); ?>
</div>

我无法找出错误，所以请任何人告诉我正确的代码。或者有没有 Nivo Slider 的替代品，请告诉我。

【问题讨论】：

标签： css wordpress slider responsive nivo-slider

【解决方案1】：

转到 Nivo 滑块 --> 设置 --> 滑块大小并选择“响应式”

【讨论】：