Distraction free Checkout

1.How can i remove header and sticky mobile bottom navigation bar on only checkout page ?

2. Also I want to disable enter button to proceed checkout . i want when customer tap on enter button in mobile keyboard after filling name or any field it redirects to another field like tab button

Hello,

1. Thank you very much for choosing our theme and for contacting us.

.woocommerce-checkout .basel-toolbar{
display:none;
}

2. Please provide the screen where do you want to remove the button.

Best Regards

On checkout page i want to remove navigation sticky bar and header. i attached a screenshot of the page. also where do i need to place the code ?

2. how can i use “enter button” on mobile keyboard as “Tab Button” to move to the next field in checkout page

Attachments:

You must be logged in to view attached files.

Hello,

1. Please add this code to the Theme Settings > Custom CSS > Mobile:

2. Here is the code to hide the header, add this code to the Theme Settings > Custom CSS > Mobile or other device types you want to hide:

.woocommerce-checkout .main-header{
display:none;
}

3. Our theme does not have any options and the default Woocommerce does not provide.

Best Regards

[Author]

Posts