1.0.5 with product search

Dear ATHEMES

After update to 1.0.5

The product search has a bug.
The button is out of order and it makes a text button here now.

Hello there,

As I only speak English, I can’t do a product search (for testing purpose) – do not know which key words phrase to use. Please do a search yourself and share the search result link displayed in your web browser’s address bar.

Regards,
Kharis

Hi kharisblank,


Plz take a look at the left hand side about the product search box.
You can try to search “angryangry”, you will find the bug which you cannot press the search icon button, you need to press the text button(搜尋, means search), this text button should not here.
This bug and the text button is here after 1.0.5 LETO.

Thank you

Hello =)
Did you see my msg?

Hello there,

Sorry for the long delay, I didn’t get any notification of your reply coming to my inbox. To fix it, try adding the below CSS code to your site’s additional CSS (Appearance > Customize > Additional CSS).

    .widget_product_search:after {
      display: none;
    }

    .widget_product_search .search-field {
      width:  calc(100% - 60px);
      width:  -moz-calc(100% - 60px);
      width:  -webkit-calc(100% - 60px);
      width: -o- calc(100% - 60px);
      float: left;
    }

    .widget_product_search button[type="submit"] {
      height: 45px;
    }

Regards,
Kharis

1 Like

It works fine now.
Thanks for your help!

Sorry, If i wanna to as same as the demo. ( Before the bug )
http://demo.athemes.com/themes/?theme=Leto

Don’t use text button, use back dark-icon button.
Can you help me ?

Sorry, If i wanna to as same as the demo. ( Before the bug )
http://demo.athemes.com/themes/?theme=Leto

Don’t use text button, use back dark-icon button.
Can you help me ?

Hello there,

Please try adding the below extra CSS code to Additional CSS:

    .woocommerce-product-search {
      position: relative;
    }

    .woocommerce-product-search input[type="submit"] {
      display: none;
    }

    .woocommerce-product-search .search-field {
      width: 100%;
      height: 45px;
    }

    .widget_product_search::after,
    .widget_product_search button[type="submit"] {
      display: none;
    }

    .woocommerce-product-search::after {
      content: "\f4a5";
      font-family: 'Ionicons';
      position: absolute;
      top: 0;
      right: 0;
      height: 45px;
      width: 45px;
      text-align: center;
      line-height: 45px;
      font-size: 20px;
      background-color: #000;
      color: #fff;
      font-weight: 600;
    }

Regards,
Kharis

Sor, it displayed the search icon button but user cannot click it.

Hello there,

Default search button of Leto behaves like so as users can use enter button on the keyboard of PC or use enter button of mobile phone’s.

Regards,
Kharis