I was doing some searching, this issue seems to be the same as mine, but no resolution. Re: Phone layout shrunk to left and tiny
Update #1: I went back in and updated everything on the site to be 366px. The site is set to a width of 380px therefore the page in a desktop browser if you go there directly appears as it does on my phones http://juniorstaqueria.businesscatalyst.com/phone/index.html
It will not allow you to resize past a min of 380px as it is supposed to however the browser windows are stretching the content way far out. Is there a way to put in the pages to do a "max-width of 380px"? This would not allow any browser to stretch the window. I think this could fix the problem but I really don't understand that when I go to the page with the business catalyst link its fine but with the domain link I paid for it is totally wrong, even though it goes to the phone page it treats it like it's a desktop page.
Update #2: I went and moved my site host to a different provider than the business catalyst site and now this time the mobile version appears 100% correctly but the Desktop version gives me the following error:
MuseJSAssert: Error calling selector function:TypeError: undefined is not an object (evaluating '$(window).data("ResolutionManager").activate')
If I can figure out why this error is occurring when I host it myself and fix it I will just host the site instead of using catalyst which doesn't display it correctly with a domain link.