I have just started a programming blog and I am using the SyntaxHightlighter Evolved plugin to format my code. On most browsers this is working just fine. However if I attempt to view the site from either an iPhone or iPad the line numbers and code are no longer aligned. Basically the problem seems to be that the line numbers and code fonts are sized independently (see image below).
I assumed somebody else must have seen the problem so I consulted The Mightly Oracle Google, but could not seem to find anything relevant. I have also searched this site to no avail.
Being a programmer I looked at the source code, but realized that it would take me some time to understand how it works and fix the problem.
I am using Wordpress version 3.1.2 with the Twenty Ten theme version 1.2
I have the following plugins active:
- Google Analytics for WordPress version 4.1
- SyntaxHighlighter version 3.1.1
Has anybody else seen (an hopefully fixed) this problem? Or could some kind soul point me in the right direction?
If you need to see the website there is a link in my profile to it. I don't want to link-spam ;-)
Thanks in advance!
I thought I had found a solution but, while it solved the problem on the iPad, it remained an issue on the iPhone. So the bounty is still up for grabs.