Home › Forums › WoodMart support forum › Hide Mobile Footer Navigation on WooCommerce Checkout Page

Hide Mobile Footer Navigation on WooCommerce Checkout Page

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 17, 2026 at 9:25 pm #713058

    muhammedhussainnm
    Participant

    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.

    March 18, 2026 at 2:27 pm #713191

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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
Viewing 2 posts - 1 through 2 (of 2 total)