WordPress网站Hello Elementor Child主题汉堡菜单文本重叠求助

操作步骤（零基础也能完成） #

• 登录WordPress后台，进入「外观」>「自定义」，找到「额外CSS」（部分主题叫「自定义CSS」，找到类似的代码输入框即可）
• 将以下代码复制粘贴进去，点击「发布」保存：

/* 修复桌面端汉堡菜单主菜单项重叠 */
@media (min-width: 1025px) {
    .elementor-menu-toggle--open .elementor-nav-menu .menu-item-has-children > a {
        white-space: normal;
        line-height: 1.4;
        font-size: 16px; /* 觉得字体偏大可以改成14px，数值越小字体越小 */
    }
}

• 如果上面的代码没效果，换这段通用版试试：

@media (min-width: 1025px) {
    .menu-main-container .menu-item > a {
        white-space: normal !important;
        line-height: 1.5 !important;
        font-size: 15px !important;
    }
}

额外调整建议 #

• 代码里的font-size数值可以自行修改，调整后保存刷新网站前台查看效果
• 若仍未解决，打开Elementor编辑器找到菜单模块，进入「高级」设置，尝试调大主菜单项的行高或上下内边距，也能缓解文字重叠问题

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