Custom Header for Checkout Page in Basel Theme

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.

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

[Author]

Posts