Theme Ari does not display properly on android.

• 

  csousougen · Member · Jan 23, 2013 at 11:14 am

  • Copy link
  • Add topic to favorites

  Theme “Ari” does not display properly on android browser.
  The theme uses Greek language and many fonts are missing and scrambled.

  It is strange that when I change the User Agent String in the browser to Desktop, the theme displays correctly. After a change it back to the default Android setting, the theme is broken.
  I also tried to enable/disable mobile theme but it didn’t work.

  Could you please help me?
  Thank you

  The blog I need help with is: (visible only to logged in users)

• 

  kathrynwp · Staff · Jan 23, 2013 at 6:26 pm

  • Copy link

  Hi there, thanks for reporting this issue.

  Are the fonts displaying OK if you try a different theme?

  Would it be possible to upload a screenshot of what you see in Ari to help in troubleshooting?

  Here’s a guide on how to make a screenshot, if you’re not sure: http://en.support.wordpress.com/make-a-screenshot/

  You can upload the screenshot in your Media Library and then post a link so I can see it.

• 

  csousougen · Member · Jan 23, 2013 at 7:02 pm

  • Copy link

  Hi Kathryn and thank you for the response.

  The fonts were ok with the previous theme, I installed Ari yesterday, it a brand new theme for my blog :)

  In the attached screenshot, you can see at the left the broken site and at the right its correct display.

  http://hitechbloggr.files.wordpress.com/2013/01/screen-shot-2013-01-23-at-8-47-42-pm.jpg

  The strange part is that i am using the same smartphone and browser in both images.
  I only change the “User Agent string”. When wordpress “sees” that i am coming from Android, it displays the broken site. When it “sees” i am coming from a desktop (User Agent string = Desktop), it displays the right one.

  Right now i am using the mobile theme as a workaround solution, but it would be great if we could fix this issue in order to use the Ari theme on mobile devices too.

• 

  kathrynwp · Staff · Jan 25, 2013 at 7:56 pm

  • Copy link

  Hi there, our development team has tested this and discovered that there is a glitch with the font used by this theme – it does not support Greek characters on Android devices. (We checked on iPhone and it’s fine there.)

  You have a few options – you could choose a theme that uses a font which is more widely supported, or you could purchase the Custom Design upgrade, which would allow you to specify a more basic font, which our tests show displays OK on Android with Greek characters. Here’s the code you could use if you go that route:

  body, button, input, select, textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

  If you need anything else, just let us know.