坚持在移动设备上对齐,在桌面上完美运行

Stuck with allignment on mobile, works perfect on desktop

我有点受困于 W3 的模板。该网站在所有方面都按预期工作,除了移动浏览器上的一个故障,这些框的对齐方式:

Mobile screenshot

CSS ID 是 .banner-bottom。

网页链接:http://www.finglascelticfc.com/test/index.html

你能给我指明正确的方向吗?如何在移动设备上将这些框居中?非常感谢任何帮助!

如果您只想在移动设备上将这些框居中,请输入 .banner-bottom width: 100%;。将它放在移动媒体查询中,因为它会弄乱较大尺寸的布局。