Thanks Katya! Good news though: I actually figured out how to bed my website chat html in the mobile version of the site, making for seamless website integration and no need to for extra pages or programming. Hooray!
Although I'm having some trouble adjusting the height of the chat window in the html embed. Strangely enough, there are no issues with the other pages of the mobile website except videos( a whole other story).
In order to edit the mobile version of my site, I have to author my own html iframe to embed my chat. The code I've used to put it into the mobile site is below. Am I using something that might conflict with the panel html? What could be causing this?
code
<style>
.page-body {
padding: 0px;
}
.xg_user_generated #Chat {
margin-top: -2em;
}
</style>
<iframe src="http://www.thepedalcollective.com/chat/index/popOutWindowV4" height="550em" width="100%" id="Chat" style="border: 3px solid BLACK"></iframe>
/code
Although I still have the task ahead of me on how to use the Grooveshark API. I wouldn't be surprised if I post another topic on it in the future, but I'll try my best to figure it out using the docs and tutorials they provide.