css - 如何在 Zerif Lite Wordpress 主题中添加响应 slider

Question

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

这是添加的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 的替代品请告诉我。

Answer 1

转到 Nivo Slider --> Settings --> Slider Sizing并选择“响应式”