I have created three widgets on a responsive website. One contains the facebook "Like" box with faces, the second and third are identical and have the "Like" button without faces (all three use the iframe version of FB). I want the first two to appear ONLY on the homepage, interchanging according to the view-port size (ie the first one with faces appears at full resolution on a laptop/computer and the second one without faces appears on tablets or smart phones). The third widget (without faces) should appear on any other page except the homepage.
Trouble is, when I use the "is_home()" and "!is_home()" functions, only the third one appears on all pages including the homepage. The other two fail to appear on the homepage. I tested with the 'wp_reset_query' fix but no difference. Even tinkering with when the logic loads also failed. Removing the "is_home()" and "!is_home()" functions from the Widget logic makes them all appear. The site is on a WP Multi-site installation. I have disabled the plugin for now until I get a solution. I have reverted to the first two widgets appearing on all pages and turned off the third one.
What could be the problem?
P/S - In case you want to see the website structure, it is at http://zambia.co.zm