Search Not Working on Mobile

Hi!

Google Search works on mobile without any problem.
Please check in the Pages menu of your WP admin area if the “Search results” page exists and the status of this page is published and the visibility is public. If not publish this page and make it publicly visible.

If so, the search results page has to be displayed on every platform.

I hope this will help to solve the problem.

Peter Rath
WebshopLogic

Hi Peter – It’s working fine now on mobile. Looks like it was a caching issue on my end. The other issue I just noticed was on the search results page. The text of each title/link is cut off at the bottom. It looks like the URL below each title is covering up the bottom portion of the text. It happens in both desktop and mobile. Can I tweak this in the plugin settings or will it be in Google Custom Search settings? I looked in both but could not figure out how to correct it. Thanks!

The content of the search results is generated by Google Engine, so it is independent on our plugin. Maybe you can find a solution on Google CSE sites.

It doesn’t look like there is any way to edit this in Google CSE. Is there a way to tweak the CSS within the plugin code like this:

https://productforums.google.com/forum/m/#!topic/customsearch/pMfL57X-xMI
https://stackoverflow.com/questions/12947110/google-custom-search-style-issues

You can set this css on your site.
You can use Custom CSS Manager or a similar plugin for this reason.

Is there a way to set the custom CSS for only the search-results page? I don’t want to make sitewide CSS changes.

As I can the html source of the search results page, the search results are displayed in an iframe by Google, so I suppose the CSS applied in the WP Site is not impact on the results iframe of Google. Thus my previous suggestion may not be work in this case.
I suggest you to search for a solution on Google sites or Google CSE forums, because it is really independent on this plugin.

I will take a look on the Google forums. On a sidenote, I would like to implement your plugin on another search area within my WP site. My theme has a top bar search box that works independently from the search widget to where I installed your plugin. I would like to use that top bar search with your plugin also. My theme’s support techs recommended removing the code in the partials/header/search.php and putting your plugin’s code there. Will this work (click “edit plugin” and copy all the plugin code and replace it in the search.php file)?

No.
You can use [wp_google_searchbox] shortcode in your header.
If you want to apply this shortcode in php files you can use the following statement:

echo do_shortcode('[wp_google_searchbox]');

You have to got basic programming knowledge to implement this.

Thanks for the info on the shortcode. I could not find any help on the Google search forum and I’m still having issues with the results text getting cut off at the bottom. The only thing the Google forum recommended was adjusting the line height via CSS. When I set the results page to be hosted on Google, the results show up just fine. So, it looks to be an issue with the CSS within the plugin itself or the CSS within the theme. Do you have any other recommendations on any adjustments I can make within the code of the plugin?

Disregard the last post. My theme developer provided the CSS code and the search results look perfect now. Thanks again for your help ??

We are happy that the problem is solved.