Mobile Responsiveness

You introduced quite a lot of modifications compared to original layout, so there’s not one fix. Now you need to work out the quirks of mobile version with media queries.

• https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
• https://css-tricks.com/css-media-queries/

Hi,
I know it’s been a while. I’ve been playing around with some of the codes in links that Andrew provided… I can’t seem to get it looking right on iphone. Any other ideas?

Hello!

It seems that the problem is not with the media queries, but with general styles you added that overwrite those settings. In your child theme style.css, line 100 you have:

#page {
    width: 1008px;
    margin: -2.5em auto 0;
}

By setting explicit width like this you overwrite other settings.

Hmm. I don’t recall adding that? Obviously I did. So Should i delete those lines? or change the numbers?

You probably copied those over from parent theme, but you don’t need those in your child theme. Remove them and see what happens ??