我正在帮助将站点端口连接到新服务器。所有这些都是继承的代码。一个示例页面是这个:http: //fcxcobalt.fmi.com/products/
这个标题:
<h1 class="main-content-heading"><span class="wrapper">Products</span></h1>
在屏幕宽度小于 1690 像素时,标题会根据需要对齐:
但是在 1690px 和更高的宽度下,元素左对齐到文档的正文。
标题自己的 CSS 可能不是问题,但它是
.main-content-heading {
margin: 0 0 1.2em;
padding: 0.5em 0;
font-weight: 300;
color: #fff;
background: #1c3f94;
text-transform: uppercase;
}
未缩小的 CSS 可以在这里看到:http: //pastebin.com/s5MVMZVj
谁能告诉我如何使这种对齐保持一致?