Default theme doesn't render properly with Galaxy Note

[thierrymarianne]

Hello,

I've noticed the default theme shipped with grav doesn't fit with the Galaxy Note (GT-N7000) native browser (embedded in Android 4.1.2)

Maybe you have some insights about how to fix the stylesheet for this particular version of the native Android browser?

P.S. : Rendering with Chrome is totally OK!

[rhukster]

Well we're only using standard media queries. It seems there was some issues with this in your version of Android:

https://code.google.com/p/android/issues/detail?id=61929

I'm not aware of any way to fix this.

[mahagr]

Confirmed the issue in Android 4.1.2 (by using Samsung S3 mini). Actually there are also other issues with it; might be similar to IE9 issues.

[thierrymarianne]

@rhukster Well noted.

@mahagr Thank you for having confirmed this issue.

[rhukster]

I'll close this for now because it looks like a browser bug that is out of our control. If someone finds a workaround, we'll open this back up and fix. Cheers.

[thierrymarianne]

Quite efficient way of dealing with issues 👍 I'll let you know if I figure something about this otherwise I would have probably changed devices in between :P Thank you for your attention! Cheers!

[thierrymarianne]

For the record, I figured the aforementioned layout break affecting the Galaxy Note and Samsung S3 mini devices, might be provoked by the use of rem in media queries (the use of em as measurement unit would help a bit but the menu would still be seen as broken).

Debugging with Edge Inspect was quite helpful.
Some people also recommended the use of weinre.

[rhukster]

I did not know that! Thanks for tracking this down, we will investigate further and find a resolution.

cheers!

Andy

On Aug 21, 2014, at 3:58 PM, Thierry Marianne [email protected] wrote:

For the record, I figured the aforementioned layout break affecting the Galaxy Note and Samsung S3 mini devices, might be provoked by the use of rem in media queries (the use of em as measurement unit would help a bit but the menu would still be seen as broken).

Debugging with Edge Inspect was quite helpful.
Some people also recommended the use of weinre.

—
Reply to this email directly or view it on GitHub.

[thierrymarianne]

Thank you, @rhukster!

[rhukster]

Can you please try getgrav.org again? we have changed from rem to em. If that works fine for you, we'll update all the other sites and themes. Cheers!

[thierrymarianne]

Perfect! Thank you!

[rhukster]

Looking 'nearly' perfect. There does seem to be the mobile navigation button 'hamburger' missing from the top right corner. Just have to find out what's up with that and we should be good! Thanks for helping to sort this out with us!

[thierrymarianne]

@rhukster I don't know why the menu doesn't appear on this screenshot (maybe I hit too fast the combination of buttons earlier in the morning), nonetheless I confirm it works (the 'hamburger' menu button is available and it can be clicked) as it should on Galaxy Note (GT-N7000) using the native Android browser. I guess this issue could be closed if @mahagr confirms the rendering is fixed for S4 mini as well.

Thanks!

[rhukster]

Yah we have worked today on various fixes. The hamburger button missing is a widespread android button with that special entity character. We switched to a font-icon and it works again. Also we disabled animations for android and ios, that should make things run a bit smoother overall. I'm going to close this. Thanks for all your help!

[thierrymarianne]

Great! Have a nice week end :) You people did an amazing job! 👍