WordPress结账页面隐藏菜单链接与图标（保留logo）问题求助

你当前添加的代码仅隐藏了菜单链接，原因是菜单图标通常并非wp_nav_menu输出的一部分（多数主题会单独渲染汉堡类图标），以下是两种可行的解决方法：

方法一：自定义CSS（推荐，简单高效） #

利用结账页面独有的body类woocommerce-checkout，精准隐藏目标元素同时保留logo：

1. 进入WordPress后台 → 外观 → 自定义 → 额外CSS
2. 添加以下适配你站点结构的代码：

/* 隐藏结账页面的菜单图标和链接 */
.woocommerce-checkout .main-navigation .menu-toggle,
.woocommerce-checkout .main-navigation ul.menu {
    display: none !important;
}

/* 确保站点logo正常显示 */
.woocommerce-checkout .site-branding {
    display: block !important;
}

方法二：修改PHP代码 #

若需通过PHP逻辑控制，替换你当前的代码为以下内容（针对菜单和图标分别处理）：

function ace_hide_checkout_menu_elements() {
    if ( is_checkout() ) {
        // 清空主菜单内容
        add_filter( 'wp_nav_menu_args', function( $args ) {
            if ( in_array( $args->theme_location, array( 'primary' ) ) ) {
                $args['menu'] = '';
            }
            return $args;
        } );

        // 移除菜单图标（请根据主题实际的图标输出钩子调整，示例为常见主题钩子）
        remove_action( 'storefront_header', 'storefront_menu_toggle', 10 );
    }
}
add_action( 'wp', 'ace_hide_checkout_menu_elements' );

注意：PHP方法需要了解主题的钩子结构，若不确定图标对应的钩子，优先使用CSS方案。

内容的提问来源于stack exchange，提问作者Elia d'Albenzio