隐藏owl-carousel的第二个推荐，屏幕尺寸低于1200px

Question

我使用旋转木马，允许我设置2个推荐书出现在一套（每张幻灯片2个推荐），并且我已将其配置为显示2个推荐，当屏幕尺寸达到1200px时，所以当屏幕尺寸低于1200px时，它会自动减少到一个推荐。但由于CSS问题，第二张幻灯片仍然出现在屏幕下方。我在我的css中尝试了以下代码来修复它，但没有成功：

@media screen and (max-width: 1199px) {
.owl-wrapper > li:nth-child(2) {display: none !important;}
}

有没有人知道如何解决这个问题？网站：http://rache.me/testsite

Answer 1

您正在使用子组合子，因此这只会针对作为.owl-wrapper的直接子元素的li元素。请改为在div上使用相同的代码。

.owl-wrapper > div:nth-child(2) {display: none;}