Home Forums Basel support forum Custom Header for Checkout Page in Basel Theme

Custom Header for Checkout Page in Basel Theme

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #385971

    kristiankeegan
    Participant

    Hello, is it possible to build a custom header for my checkout page. I would like to remove potential distractions, such as top bar, main menu, search icon and basket for desktop & mobile version of site. Could the header be created using an html block?

    Current checkout page https://www.foreveryoungkids.co.uk/checkout/

    I have attached an image of how I would like the simplified header to look.

    thanks, Kris

    Attachments:
    You must be logged in to view attached files.
    #386261

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .woocommerce-checkout .topbar-wrapp.color-scheme-light{
    display:none;
    }
    .woocommerce-checkout .main-header .right-column {
        display:none;
    }
    .woocommerce-checkout  .header-logo-center .site-logo {
     margin:0 auto;
    }
    .woocommerce-checkout  .header-logo-center .widgetarea-head {
        display:none;
    }

    Best Regards

Viewing 2 posts - 1 through 2 (of 2 total)