html - 主滑块文本在移动设备上无响应

Question

我已经尝试了我能想到的一切来让它工作。

我主页上滑块上的文字在移动设备上到处都是。我认为这可能是响应式文本问题？有人可以看看帮助我了解这里发生了什么吗？

healthgasm.com

Answer 1

那是因为你有 top: 280px，试着把它放在 -20px。

在这里，我将把我在您的站点中找到的类和媒体查询代码与修复一起放入。

@media screen and (max-width: 414px)
.slider .ms-slide-info {
    left: 0 !important;
    top: -20px !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 35px 0 35px 0 !important;
    margin: 0 !important;
}

希望这可以帮到你。