中心导航在设备上的横向视图

Question

有没有办法可以集中导航栏，并在横向（480px）和纵向视图（320px）时让它位于徽标下？

在纵向视图中，导航几乎位于徽标的中心位置，但当我将手机转为横向时，导航向左对齐。

这是指向该网站的链接：http://scoundrelscomedyclub.co.uk.carbon.3dpixel.net/

由于

Answer 1

试试这个：

@media screen and (max-width: 585px) {
    #mainNav {
        margin: 0 auto;
        width: 302px;
    }
}

我通过设置固定宽度来居中。现在margin: 0 auto可以集中它。