Hi all, this is my first post.
I'm developing a mobile website for our company, you can see the current status here: http://www.onlyrugge...bile/index.html (the capital M is necessary). When viewed on the desktop, although the layout is incorrect, the top 6 group of buttons labeled print, mobile, etc. have transitions and :active states so that they function like a button, however when viewed on Android or iPhone (any browsers, so i can say any mobile Webkit browser) the buttons do not work, they simply function as links. However, when tested on my Windows Phone 8X the transitions, while jerky, work fine. I've specified the -webkit and -moz prefixes so i can't seem to figure out the problem?
Another issue i'm having is that on the headers further down the page labelled 'Our industries' and 'news' the text appears to be duplicated or ghosted, which disappears when zoomed in. Has anyone else experienced this, or could have a quick look at my CSS to see what might be causing this?