0

I am having a hard time with website http://m.crossfitbratislava.sk. when testing on PC/MAC, everything works fine. When I launch website in safari - looks the same.

The problem appears, when I save the website to my Home-screen & launch it from there. Whole website layout is destroyed.

I think it has something to do with Fullscreen mode but I can't figure out what I should do to get rid of it.

Does anyone have an idea about this?

Mark Schultheiss
  • 32,614
  • 12
  • 69
  • 100
Michal Fehér
  • 61
  • 1
  • 5
  • Have you tried changing from `` to the normal style call ``? Btw, the "differences" that OP didn't told: Seems logo is floated (out of the div), when changing page the footer gets somewhere in the layout, etc. – RaphaelDDL May 07 '13 at 13:23
  • good point with css definition, but it didn't help – Michal Fehér May 07 '13 at 13:36
  • All I could find about debugging standalone websites was this: http://stackoverflow.com/questions/9071022/debugging-console-for-stand-alone-web-app-on-ios Don't have a Mac to test :/ – RaphaelDDL May 07 '13 at 13:48

1 Answers1

0

so I fixed it by setting fullscreen mode in JQT variable to false. now when it is launch via desktop icon, it has url bar like it is being opened with safari

var jQT = new $.jQTouch({
                addGlossToIcon: false,
                startupScreen: 'loading_logo.PNG',
                statusBar: 'black-translucent',
                themeSelectionSelector: '#jqt #themes ul',
                fullScreen: false,
                preloadImages: []
            });
Michal Fehér
  • 61
  • 1
  • 5