Page centering (4 posts)

  1. jkgray
    Posted 2 years ago #

    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


  2. Caroline Moore
    Theme Author

    Posted 2 years ago #

    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.

  3. jkgray
    Posted 2 years ago #

    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?

  4. Caroline Moore
    Theme Author

    Posted 2 years ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic