Html 使菜单水平排列

我正在想办法让“Webshop”子菜单水平而不是垂直

我可以看到，这是我应该改变一些CSS的类。但我真的不知道从哪里开始：

菜单项menu-item-type-post\u类型菜单项对象页当前页祖先菜单项有子菜单项-1731

谁能帮我开始这件事吗

#menu-item-1731>ul {
    display: flex;
    right: 0;
    width: auto;
    padding: 0;
    flex-direction: column;
}

---

也可以使用“弯曲方向”来调整柱。因为您使用的是flex容器

在这里尝试一下

#menu-item-1731>ul{display:flex；right:0；width:auto；padding:0；}#menu-item-1731>ul>li:first child{display:none；}

感谢这个Zohir，它起了作用。当我将鼠标悬停在子菜单上时，菜单将显示在主菜单上。有没有办法纠正这个问题？我用你的代码更新了页面。你需要这些

#menu-item-1731>ul>li>ul.sub-menu{top:100%；left:0；}

非常感谢-你不想给出答案吗？我不认为答案对未来的读者有什么帮助，因为问题是特定于你的网站的。谢谢你的答案。不幸的是，这并没有产生任何影响。但是@Zohir编写的代码正在运行。但是当你将鼠标悬停在主菜单上时，子菜单会挂起。也许你有一个解决这个问题的建议？