New to the community? Start here

Custom Google Search not working for mobile view

I have installed custom google search and it works fine for desktop.

The issue is when I switch to mobile view, the search results do not re size for mobile view and no results are display.

Only a empty search box is shown.

website url: dearfinder.com

try: car in the search in the search bar, results are shown for desktop, but for mobile results are not re size.

Wed, 8 Jul 2015 17:28:09
  • Patrick Cohen
    • Technical Docs Wrangler

    Hi there @gregory

    I hope you’re well today!

    Indeed, the search results popup could use a bit of love to make it nicer in mobile devices.

    Please add the following CSS to the stylesheet of your active theme or child-theme, or use a handy plugin like this one:

    https://wordpress.org/plugins/simple-custom-css/

    .ui-dialog {width:auto !important; max-width:600px;}
    
.ui-dialog .ui-dialog-titlebar-close span.ui-button-text {display:none;}

    That will make the popup fit nicely on mobile devices, while ensuring that it doesn’t get any wider than 600px on larger screens. It will also hide the ugly “Close” text that gets cut off under the “X” in the top-right corner.

    Please do let us know if this helps, and don’t hesitate to post again if you need more help with this.