0

Google feed api

Daniel Buford 5 years ago 0
I'm trying to add several feeds my mobile site using google's feed api. I've gotten the feed to work and when viewed from the desktop site everything works properly. However, in the mobile site adding the html causes other widgets not to display or to display improperly.
I'm including a copy of the code I'm using. Any ideals would be helpful.

<style>
#wrapper {
width: 100%;
max-width: 620px;
margin: auto;
padding: 0px;
display:block;
float:left
}
#WOTD {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.gfc-resultsHeader {
display: none;
}</style>

<!-- RSS -->
<script src="http://www.google.com/jsapi" type="text/javascript"></script>http://www.google.com/jsapi</a>" type="text/javascript">
<script type="text/javascript">
google.load("feeds", "1");
function OnLoad() {
var feedControl = new google.feeds.FeedControl();
feedControl.addFeed("http://wordsmith.org/awad/rss1.xml");
feedControl.setLinkTarget("google.feeds.LINK_TARGET_BLANK");
feedControl.setNumEntries(1);
feedControl.draw(document.getElementById("WOTD"));
}
google.setOnLoadCallback(OnLoad);
</script>
<!-- RSS END -->

<div data-role="header" data-theme="b" class="ui-header ui-bar-b" role="banner">
<h4 style="text-align:left; margin-left:15px" class="ui-title" role="heading" aria-level="1">Word of the day</h4>
</div>
<div id="wrapper">
<!-- RSS FEED START -->
<div id="WOTD">Loading...</div>
<!-- RSS FEED END -->
</div>
Thanks.