First, try deactivating your plugins to ensure it’s not a plugin issue.
If that’s not it, my guess is the navigation menu is causing it. I wasn’t testing on mobile devices when the theme was originally designed, so it probably doesn’t work well on small screens in all situations.
Thread Starter
jkgray
(@jkgray)
Deactivating the plugins didn’t work….since I only have this problem on mobile safari do you have any suggestions for how I could code the CSS to change the scaling of the page for safari?
You can use media queries to target the menu (.main-navigation) and change its properties depending on the size of the screen:
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
I don’t know exactly what CSS you’d use to make it look like it does now (I haven’t confirmed that’s exactly what the problem is, it’s just a hunch) but you could, for example, strip out all the styles so it’s a plain text list on screen resolutions smaller than 768px.
Scrappy is on my list of themes to update with a responsive design, so I’ll get around to it eventually!
