There seems to be a mysterious white strip appearing when I use the (google custom sesrch) search results rendering tag gcse:searchresults-only
If I remove cse id from var cx or delete the above tag, everything works perfectly and the white stripe disappears.
Check out this screenshot for reference: https://i.sstatic.net/W3x2B.png
I'm struggling with removing this issue. Any suggestions on how to fix it would be greatly appreciated.
Snippet of the code:
body {
background: grey;
}<form action="#">
<input type="search" name="q" />
<input type="Submit">
</form>
<script>
(function() {
var cx = '017892367244882832713:c64hvc3mwtu';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:searchresults-only></gcse:searchresults-only>