Html 带位置的Div：在移动响应设计中固定不可见

我有一个网站与在线聊天脚本集成。我们创建了一个图像按钮，而不是该公司提供的默认链接

图像所在的div被标记为位置固定，在桌面浏览器的右下角可见

如果我在移动设备中打开相同的按钮，尽管设计响应迅速，但div不可见

下面是用于两个版本的CSS

@media (max-width: 768px){
 #theradome-proonto {
 position: fixed;
 bottom: 30px;
 right: 12px;
 background: white;
 z-index: 99999;
 -webkit-backface-visibility: hidden;
}
}

@media (min-width: 768px){
 #theradome-proonto {
 position: fixed;
 bottom: 30px;
 right: 12px;
 background: white;
 z-index: 99999;
}
}

我的网站是用wordpress构建的，请在第95行的modal.less中删除theradome proon

此css规则集显示：您的divtheradome proon为none 这就是影响正确显示div的CSS规则

@media screen and (max-width: 767px)
    #STM_root_elem, #theradome-proonto, .doctor_trusted {
        display: none !important;
}

尝试通过以下CSS来覆盖此选项

编辑2 2673行的style.css中有什么内容？ 因为当我在浏览器中打开style.css时，我会在第2671行看到以下注释-/*所有移动分辨率<768*/的规则，后面是我前面提到的css

---

如果你找不到它，我最后给你的建议是——试着用display:block放置我添加的CSS！在你的风格结束时非常重要。css

你能发布一个到该网站的链接吗？谢谢@Ramis的回复，但我没有在modal中找到theradome proon这一行。在第95行，我也做了上述更改，但它不起作用。好的，你能添加display:block吗！对CSS中的最大宽度媒体查询很重要吗？我不确定你说对了，显示器：没有！重要提示：防止显示您的div。因此，您要应用的唯一更改是找到它所在的行并删除ID theradome Proonto。感谢您的澄清，我按照建议进行了CSS更改，但没有成功。我能找到theradome Proon的唯一地方是style.css，正如我在原始问题中给出的那样，你能搜索这个吗-STM\u root\u elem，theradome Proon，.doctor\u trustedNo我搜索了源代码，但找不到它。

@media (max-width: 768px){
    #theradome-proonto {
        position: fixed;
        bottom: 30px;
        right: 12px;
        background: white;
        z-index: 99999;
        -webkit-backface-visibility: hidden;
        display: block !important; /* this line is important! */
    }
}