在 767 像素和 960 像素之间的响应式屏幕尺寸中居中对齐 div 的问题

如何解决在 767 像素和 960 像素之间的响应式屏幕尺寸中居中对齐 div 的问题

我是 CSS 的新手。我正在通过在我找到的这个 wordpress 主题页面上玩代码来学习。我的头文件中的代码有问题。

删除左侧的站点名称。 CSS 代码：

#header-left {
display: inline-block;
float: left;
max-width: 100%;
display: none;

} 将右侧的菜单居中对齐。 CSS 代码：

#header-right {
float: right;
margin-right: 33%;

}

这有点偏离了中心。我正在努力使其正确。 但是在 767px 到 960px 之间。菜单移到右侧。

@media 屏幕和（最大宽度）代码在那里。我试图改变它们，但菜单仍然停留在右侧。 我应该如何解决这个问题？