WordPress站点Electro主题部门菜单保存后无法正常显示问题

问题修复排查步骤 #

• TextBlock内容格式校验：Electro主题菜单内置DOM结构约束，若TextBlock内存在未闭合HTML标签、多余嵌套标签，会破坏菜单原有渲染逻辑导致显示异常。可先清空TextBlock内所有内容仅输入纯文本测试，确认内容格式问题后再逐步添加带格式的静态内容。
• 样式冲突排查：Electro主题菜单默认绑定nav、menu-item、sub-menu等全局样式类，若你添加的静态内容自定义了同名类的CSS规则，会触发样式覆盖。可打开浏览器控制台选中异常元素，在样式面板中排查非主题默认的冲突样式，修改自定义类名即可解决。
• 菜单配置规则校验：Electro主题仅支持在开启了*超大菜单（Mega Menu）*的菜单项下嵌套TextBlock类型的块内容，若你直接在普通一级/二级菜单项下添加TextBlock，会出现排版溢出、样式错乱问题。检查对应菜单项的配置，开启超大菜单选项后重新保存即可。
• 主题版本适配：2.4.0以下版本的Electro主题存在已知的自定义菜单内容渲染漏洞，若你使用的是旧版本或非官方分发版本，可备份配置后更新到官方最新稳定版，重新配置菜单验证是否修复。

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