如何使下拉菜单在移动时使用全宽度？

Question

所以我想做的是当你在手机上看到它时，使用全宽度/100 it。

​

​

这就是我想要的样子：

​

​

我试图在不使用任何javascript/jquery的情况下实现这一点。有可能吗？让我告诉你，我没有使用额外的css，我只使用菜单和下拉菜单。

Answer 1

在移动媒体查询中提供以下css：

.ui.menu .item.marginless {
  position: static;
}
.ui.dropdown .menu.notifications {
  left: 0 !important;
  margin: auto !important;
  right: 0 !important;
  width: 100%;
}