Mobile layout problem.

  • Resolved cheonmu

    (@cheonmu)


    6 years, 2 months ago

    Hi,

    When I enter the search word in the search bar, AJAX search result is displayed.

    When I click and drag it downwards to view mote search results, the search result screen is all broken.

    This occurs on mobile an I have taken a screenshot and I am using developer version.

    Please let me know how do i solve this.

    Thank you.

    • This topic was modified 6 years, 2 months ago by cheonmu.
    • This topic was modified 6 years, 2 months ago by cheonmu.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter cheonmu

    (@cheonmu)

    6 years, 2 months ago

    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 6 years, 2 months ago by cheonmu.
    • This reply was modified 6 years, 2 months ago by cheonmu.
    • This reply was modified 6 years, 2 months ago by cheonmu.
    • This reply was modified 6 years, 2 months ago by cheonmu.
    Plugin Author Damian Góra

    (@damian-gora)

    6 years, 1 month ago

    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

    Thread Starter cheonmu

    (@cheonmu)

    6 years, 1 month ago

    @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.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Mobile layout problem.’ is closed to new replies.