Mobile layout problem.

Hi, I found solution.

Problem was compitiblity issue live search plugin with Sticky hearder function in Flatsome theme.

I just added below css and solved.

#header.has-sticky.sticky-jump .dgwt-wcas-suggestions-wrapp.woocommerce.dgwt-wcas-has-img.dgwt-wcas-has-price.js-dgwt-wcas-initialized{display:none;}

But this is not perfect way to solve problem.

It takes few time before search result is hidden. (gif link)

I hope to solved this issue.

Thank you.

• This reply was modified 4 years, 11 months ago by cheonmu.
• This reply was modified 4 years, 11 months ago by cheonmu.
• This reply was modified 4 years, 11 months ago by cheonmu.
• This reply was modified 4 years, 11 months ago by cheonmu.

Hi there,

Apologies for the delayed response.
Here is a better JavaSript solution:

(function ($) {

    $( window ).scroll(function() {
    	var $currentSearch = $('.dgwt-wcas-search-wrapp.dgwt-wcas-active');
    	
    	if($currentSearch.length){
    	
                var $input = $currentSearch.find('.dgwt-wcas-search-input');
                
                if (typeof $input.data('autocomplete') == 'object') {
                    instance = $input.data('autocomplete');
                    
                    instance.hide();
                    
                }
    		
    	}
    	
    });

})(jQuery);

Best
Damian

@damian-gora

Hi, Thanks for answering.

This issue has been solved as I applied your code to my website

But I am sorry that I have another problem. It’s the same issue as “Search result closed automatically.” which I posted before.

I sorted it out by applying the developer’s version at that time.

But it occurred again as I applied both the developer’s version and your code at the same time.

I am sorry so many question.

Thank you.