Page centering

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Caroline Moore

    (@sixhours)

    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?

    Theme Author Caroline Moore

    (@sixhours)

    You can use media queries to target the menu (.main-navigation) and change its properties depending on the size of the screen:

    https://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!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Page centering’ is closed to new replies.