Suddenly my scrappy themed site is not centered on ipad. Looks great on he pc.
Any thoughts on why there is a wide bar on the right of page and a scroll bar across the bottom of the screen?
Site is http://www.nursingnurture.com
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.
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:
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!
This topic has been closed to new replies.