【问题标题】:Wordpress theme hidding header email on mobile screensWordpress 主题在移动屏幕上隐藏标题电子邮件
【发布时间】:2017-01-20 04:57:28
【问题描述】:

我的网站如下:

http://www.evarancho.com/

问题是当您缩小屏幕时,标题上的电子邮件会隐藏起来。我不知道是怎么回事,因为它以前没有发生过,而是突然开始的。

我已经尝试过这条 css 行,但它不起作用。

.w-text-h{display:show !important;}

我不知道该怎么办。任何帮助表示赞赏。

谢谢!

【问题讨论】:

  • 当你调整大小时,似乎整个 div
    都从 DOM 中删除了,所以我认为它是用 JS 或 jQuery 删除的。

标签: css wordpress hide show-hide hidden-field


【解决方案1】:

我在手机屏幕上看到它。

总之display: show是不对的。

试试display: block !important

【讨论】:

  • 这对我不起作用。我看到该电子邮件一秒钟,然后它消失了,语言标志向左移动。还有其他想法吗?
【解决方案2】:

很难缩小范围。

我怀疑这是问题所在:

@media (max-width:600px) {
.header_hor .l-subheader.at_top {line-height:36px;height:36px;}
**.header_hor .l-header.*sticky* .l-subheader.at_top {*line-height:0px;height:0px;overflow:hidden;*}**
.header_hor .l-subheader.at_middle {line-height:50px;height:50px;}
.header_hor .l-header.sticky .l-subheader.at_middle {line-height:50px;height:50px;}
.l-subheader.at_bottom { display:none; }
.header_hor .l-subheader.at_bottom {line-height:50px;height:50px;}
.header_hor .l-header.sticky .l-subheader.at_bottom {line-height:50px;height:50px;}

行高 0 和所有这一切肯定会是一个问题,我相信它被设置为粘性(在页面上的 us.headerSettings javascript 源中,标题设置为粘性)。一个可能的快速修复,而不是编辑 CSS(下面提到的建议过程),可能是使标题在设置中不粘。虽然我不熟悉这个主题,所以我不能确定这会解决它,但这是一个不错的选择。

如果不是上述情况,这可能是下一个要看的地方:

@media (max-width:600px) {
.ush_text_3 { font-size:13px; }
}

.ush_text_3 { white-space:nowrap; }

也许 nowrap 引起了问题?我会看看如果它被删除会发生什么。

这些更改可以直接在 css 样式文件中进行,有以下问题:1. 如果您破坏它,则不容易恢复;2. 您将丢失主题更新后的更改。 通常,建议制作子主题并在子主题样式中添加自定义更改。

这可以通过许多 wordpress 子主题插件之一来完成。我推荐Child Theme Configurator

css 文件中的颜色也有错误,但这不是问题,因为它只是被忽略了:

.ush_text_3 .w-text-value { color:; }

(请参阅错误here。)

【讨论】:

  • CSS 似乎无法正常工作。我仍然看到这封电子邮件,然后它会在一秒钟内消失。由于旧所有者和主题许可证存在问题,我无法编辑标题设置。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-07-10
  • 2018-11-24
  • 2015-03-21
  • 2014-06-07
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多