如何将自动分两列的WordPress子菜单改为单列堆叠？

我的WordPress子菜单自动分为两列，但我希望将其改为单列堆叠展示。尝试过多种CSS实现方法，但均未得到满意效果，恳请提供可行的解决方案。

可行CSS解决方案 #

先通过浏览器开发者工具（按F12）定位子菜单容器的实际类名（常见的是.sub-menu、.wp-submenu，部分主题会用自定义类如.dropdown-menu），然后将以下代码添加到主题的「外观→自定义→额外CSS」区域：

/* 强制子菜单为单列布局 */
.your-submenu-class {
  column-count: 1;
  columns: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: auto;
}

/* 确保菜单项占满整行，避免被拆分 */
.your-submenu-class li {
  width: 100%;
  break-inside: avoid;
}

替换说明：把代码里的your-submenu-class换成你找到的子菜单容器类名。如果主题自带样式优先级过高，可在属性后加!important（比如column-count: 1 !important;）强制覆盖。

如果是网格布局导致的多列，补充添加：

.your-submenu-class {
  grid-template-columns: 1fr !important;
}

感谢您的帮助

内容的提问来源于stack exchange，提问作者Bhuvanagiri Gireesh