如何在移动视图中居中显示徽标

Question

我一直在尝试将徽标放在移动视图的中心<991像素。。但没有运气。

网址：http://test.themesresponsive.com

我尝试了以下操作：自动边距和左边距：50%

有什么想法吗？感谢

Answer 1

您可以尝试将此css代码添加到.徽标容器

float: none;
display: flex;
justify-content: center;

Answer 2

如果分辨率小于或等于1120px ，请尝试此操作

@media (max-width: 1120px) {
div.logo span,
div.logo a {
display: block;
width: 50%; /* width and max-width of logo */
max-width: 200px;
margin-right: auto; /* margin auto to centrer logo */
margin-left: auto;
}
div.logo a img {
width: 100%;  /* full width within anchor */
height: auto; /* keep aspect ratio of logo */
}
}