Adv woo search conflict with Kirki customizer Framework

Hello,

Please try to use following custom css:

.search-panel .aws-container .aws-search-form {
    height: 50px;
}

Regards

Hello,
thanks a lot. The css works. Now I can see all text.
One last thing: My search bar will open by clicking on the “search icon” but to start typing on desktop I need to click a second time on the search label.
Is there a way to avoid the double click and start the search just by clicking on the search icon?

Thanks in advance
Davide

To do this please use following code snippet:

add_action('wp_head', 'aws_wp_head');
function aws_wp_head() { ?>
    <script>
        window.addEventListener('load', function() {

            var awsSearch = document.querySelectorAll(".quick_search");
            if ( awsSearch ) {
                for (var i = 0; i < awsSearch.length; i++) {
                    awsSearch[i].addEventListener('click', function() {
                        window.setTimeout(function(){
                            document.querySelector(".search-panel .aws-search-field").focus();
                            jQuery( '.aws-search-result' ).hide();
                        }, 100);
                    }, false);
                }
            }

        }, false);
    </script>
<?php }

You need to add it somewhere outside the plugins folder. For example, inside functions.php file of your theme or use some plugin for adding code snippets.

Regards

Hi Illid,
thanks a lot. I added it to my function.php theme file but unfortunatelly it doesn’t work.
I’m sorry.

Ok, then please modify this code snippet and use this version instead:

add_action('wp_head', 'aws_wp_head');
function aws_wp_head() { ?>
    <script>
        window.addEventListener('load', function() {

            var awsSearch = document.querySelectorAll(".quick_search");
            if ( awsSearch ) {
                for (var i = 0; i < awsSearch.length; i++) {
                    awsSearch[i].addEventListener('click', function() {
                        window.setTimeout(function(){
                              jQuery(".search-panel .aws-search-field").focus();
                            jQuery( '.aws-search-result' ).hide();
                        }, 100);
                    }, false);
                }
            }

        }, false);
    </script>
<?php }

Thank You!
Now it work.
Thank you for your support.
Best regards
Davide