css 定位下拉子菜单

Question

我的网站有 css 个子菜单。问题是最后两个子菜单从屏幕上消失了。

如何保持这个子菜单的位置？

有一些小的 css 调整，代码太长，所以我不会在这里发布完整的代码。这是存在问题 www.brandstik.in

的实时站点 link

Answer 1

尝试

ul.super-child:last-child, ul.super-child:nth-last-child(2) {
   right: 0px;
}

2 个容器现在将适合视图。

Answer 2

您需要将最后 2 或 3 个菜单链接作为目标来管理它们的子菜单位置：

CSS:

.main-category-nav > li:nth-last-child(1) ul.super-child, 
.main-category-nav > li:nth-last-child(2) ul.super-child, 
.main-category-nav > li:nth-last-child(3) ul.super-child {
    right: 0;
}

这将更改您最后 3 个子链接的子菜单位置。