如何集中超级鱼菜单

Question

我找到了这个模板演示：http://sunflower62.pas-solutions.ch/index.php?id=10

改变主题菜单项的中心？我找到了一些教程，但菜单总是留下。

Answer 1

您可以使用文本中心，display：inline-block技巧并删除浮动。

.sf-menu {
    text-align: center;
}

.sf-menu li {
    text-align: center;
    display: inline-block;
    float: none;
}

当然，如果你有子菜单项，你需要正确定位它们。

要修复您可以使用的子菜单：

.sf-menu ul {
    text-align: center;
    display: block !important;
    max-width: 12.5rem;
}
.sf-menu ul li{
    width: 100%;
    display: block;
}