下拉菜单对齐左侧

Question

我正在这个网站上工作并添加了带有下拉菜单的标题菜单。 第三个菜单项WINDOWS SUPPORT子菜单向左对齐，而其他子菜单对齐到下拉列表的中心。我已将css编辑为

.sub-menu li a {

text-align: center;
}

但与其他人相比，下拉区域与右侧对齐。请帮助我使其对齐正确。谢谢!!

Answer 1

我检查了你的网站。 只需在你的CSS中添加这两个类。 它会解决问题。

#mainmenu .menu-item-292 ul
{
 left:-15px;
}

#mainmenu .menu-item-292 li
{
 padding-left:15px !important;
}

Answer 2

观察你的css文件并删除这2行

#mainmenu .menu-item-291 a{margin-right:15px;}
#mainmenu .menu-item-292 a{margin-left:-16px;} 

如果你想增加空间使用填充和边框：box-sizing

Answer 3

你有

   #mainmenu .menu-item-292 a {
        margin-left: -16px;
    }

它正在拉动“Windows支持”锚点以及它下面的所有锚点。

Answer 4

尝试这个

添加margin-left：0; css给你的style.css文件中的给定锚标签我想在第一行。 383

#header #mainmenu ul.children li a, #header #mainmenu .sub-menu li a {
    color: #FFFFFF;
    font-family: 'menu-font' !important;
    font-size: 13px !important;
    padding: 5px 20px;
    text-align: left;
    text-transform: uppercase;
    margin-left: 0;
}

我希望这能解决你的问题！