我怎样才能使这个电子邮件中的h2在div中响应?

时间:2017-07-18 00:57:57

标签: html css wordpress responsive-design

我有一个我在优雅主题中创建的目标网页' Divi主题。这是the link。 optin形式主要是响应。除了在智能手机或平板电脑上查看表格时,h2表示"今天加入!"当我真的希望它在屏幕的中心时,它会被调整。

在智能手机或桌面上查看页面时,如何使用CSS更改h2以将其置于optin窗体上方。我尝试使用以下方法解决智能手机视图的问题:

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) .et_pb_newsletter { h2 {
text-align: center;
align: center;
}
}

但是,它没有达到预期的效果。非常感谢您提供的任何帮助。非常感谢你!

2 个答案:

答案 0 :(得分:1)

.et_pb_newsletter_description内,您将float设置为左侧。将其设置为none或完全删除浮动。您应该能够在自定义css中执行此操作。

答案 1 :(得分:1)

试试这个

  

位置:相对;最高:50%; transform:translateY(-50%);

如果这不起作用,您可以将<h2>标记放在<center>标记内。