使下拉菜单向左而不是向右打开

Question

我想使下拉菜单向左打开而不是向右打开。 网站网址：http://kg.portageplus.org/

enter image description here

Answer 1

由于您使用的是Bootstrap，因此将pull-left添加到下拉列表li的类中：

<li class="dropdown-submenu pull-left">

Answer 2

添加这些样式

.main-navigation li:hover > ul {
    right: 0;
    left: auto;
}

.main-navigation ul ul:before {
    right: 9px;
    left: auto;
}

.main-navigation ul ul:after {
    right: 11px;
    left: auto;
}

结果image

为此样式添加子菜单

.main-navigation ul ul li:hover > ul {
    right: 100%;
    left: auto;
}