Hi everyone! I am currently making a blog, with lots of code examples in the posts, and would really like the website to be viewable on mobile devices.
I have made all the necessary css to make the page “reactive” so everything fits on a mobile screen. The only thing that seems not to work is horizontal scrolling with in pre tags. I have read in several places that this is not possible, as it could lead to users zooming all the way in to a scroll area and not being able to scroll out of it (since the scrolling is taking place inside the div, not on the page). I assumed I had no way around this, until I happened on another site on my mobile, with code that *could* scroll horizontally: http://pfultz2.github.com/Pythy/
I’m working on a new WordPress theme for my blog, and I’m trying to sort out a horizontal scrolling navigation menu for mobile devices. I’ve messed with the overflow property in the CSS. I even tried restricting the height and increasing the width, but the navigation links just won’t stay on 1 row. Any ideas?
I didn’t write animate.css, and there’s not really any need to pay attention to it. I’m just using it for the onload animations. If you want to check it out, [Your text to link here…](http://daneden.me/animate/ “click here”).