Hide Mobile Footer Navigation on WooCommerce Checkout Page

Hi,

I need a way to hide the mobile footer navigation specifically on the WooCommerce checkout page.

Right now, the bottom mobile nav (Home, Shop, Cart) is still visible during checkout, which is distracting and not ideal for conversion.

Is there a built-in option in the theme settings to disable the mobile footer on the checkout page only?

If not, can you provide the correct CSS or hook-based solution to:

* Target only the checkout page
* Hide the mobile footer navigation completely

I want to avoid affecting other pages.

Please share the recommended approach based on the theme structure.

Thanks.

Hello,

Please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Mobile CSS section:

.woocommerce-checkout .wd-toolbar.wd-toolbar-label-show {
    display: none;
}

Best Regards.

[Author]

Posts