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

【问题标题】：Master Slider text not responsive on mobile主滑块文本在移动设备上无响应
【发布时间】：2019-02-27 11:08:58
【问题描述】：

我已经尝试了所有我能想到的方法来让它工作。

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

healthgasm.com

【问题讨论】：

请查看How to Ask。如果您需要帮助，请先让您的问题对其他人有所帮助。创建问题的minimal reproducible example 并概述“我尝试了所有我能想到的” 在当前上下文中的含义也是一个好主意。

标签： html css wordpress mobile masterslider

【解决方案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;
}

希望对你有帮助。

【讨论】：

嘿伙计，感谢您的帮助，但是当我将其插入此行的附加 CSS 区域时，我收到一条错误消息：.slider .ms-slide-info { 有什么建议吗？
你也可以重写类和媒体查询并删除我放在上面的代码顶部属性中的 !important