error on billing form cannot write name details – also phone and email

Would you deactivate the Multi-Step Checkout for WooCommerce plugin for a moment, is the phone/email field writable?

Would you deactivate the Order Delivery Date for WooCommerce plugin for a moment and keep the Multi-Step Checkout for WooCommerce plugin activated on the website, is the phone/email field writable?

hi diana
if i deactivate the multi step checkout plugin the phone and email are writable
and if i kept multi step checkout and deactivate the order delivery date plugin the phone and email are writable
so there is conflict between 2 plugins

In fact there is no conflict between the two plugins. The error shows up only when the two plugins AND the Elessi theme are installed together on the website.

Right now the two plugins are deactivated on the linked website. Let me know when you have them activated again, so I can have a look at the website’s HTML and help you by suggesting a CSS rule.

hi diana
i activated the plugins please check now also please i need to hide header and footer on checkout page how?

reminder

Adding the following CSS rule to the website should solve the issue:

#orddd-lite-checkout-fields {
  width: 100%;
  float: left;
}

You can use the “WP Admin -> Appearance -> Customize -> Additional CSS” page to add the CSS rule.

hi diana
this code didnot solve the error
please double check

hi diana

1- this code didnot solve the error
please double check
2- want to rearrange the multi steps to make order review first step and second step billing information third step payment

The phone and email fields seems to be clickable and writable now on your website. That is valid both in Firefox and Chrome. Could you explain what you mean by “it did not solve the error”?

Thanks diana for great support i deleted the cache and its work good now thanks again
Please if you can help me on these
I want to move the form of select store to deliver or pickup to be exactly down the choice of delivery or pickup on billing form

https://drive.google.com/file/d/1rUgMVGqePYfN9dwHty-CK-oUd7C8f-OX/view?usp=drivesdk

The select store to deliver field is placed there by the WooFood plugin. It is in the same place, regardless if the Multi-Step Checkout plugin is present on the website or not.

Wouldn’t it make more sense to ask the support team of the WooFood plugin on how to place the select store field somewhere else within the checkout form?

Besides, the WooFood plugin is a commercial plugin and I don’t have access to its source, so I cannot test or give you instructions on how you could move the field.

hi diana
sorry for disturbing but i faced the error again of first name and last name not clickable

hi diana
sorry for disturbing butkindly note that when disable woofood plugin i faced the error again of first name and last name not clickable

Right now the first and last not are clickable on both the Arabic and English version of the checkout page, on both Firefox and Chrome. But the WooFood plugin is activated on the website. Would you deactivate the WooFood plugin so I can see the error?

hi
i disabled woofood plugin please check now