Remove the search input field in dropdown selection

Hello, I am trying to remove the search input field for the dropdown selection in the checkout page. But after I applied the css code below, the input field did hide but the dropdown selection wont stay still for selection when click, but it will immediately close by itself. If I need to change the selection from the dropdown, i have to hold the clicking on the dropdown than release when I hover on the choice of the dropdown. May I ask how can I hidden the search function while the dropdown selection is still able to use properly ?

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached and visited your website.

Please remove the CSS you added and provide with the screenshot of the specific area which searches you want to remove with the admin panel login details of the website to check it myself and help you out accordingly.

Regards.
Xtemos Studios.

It is located in the checkout fields for choosing state

Attachments:

You must be logged in to view attached files.

Hello

Hello,

I saw the screenshot you attached.

The styling of the dropdown is coming from the woocommerce.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS. And see if it works for you.

body .select2-container--default .select2-search--dropdown {
    display: none;
}

Best Regards.

[Author]

Posts