Sample Theme Mobile Responsive

[gardenmatter]

Hi I'm using the Sample Child theme.
On my iphone 6, in the portrait mode my hello bar and ad code look good but the rest of the content is skewed left, displaying only on half the screen. If I double tap the content zooms to a good size but now the hello bar and ad are off the screen.

The code for the hello bar and the ad are placed in the Genesis setting Header script area.

This all started with iOS 9.

I tried playing around with some css @media settings but nothing changes, even after I cleared the cache and rebooted the phone.

Looks fine in landscape.

http://gardenmatter.com

[Susan]

It sounds like your code for the hello bar and the ad are not mobile responsive. Can you confirm with the developers of the code?

[gardenmatter]

I did reach out to the ad company but they were no help. Many other people have the hello bar without problems and it seems to me that the hello bar and the ad are rendering properly. They fit nicely on the page but the content is squished to the left?

[gardenmatter]

Update: I moved the ad to just above the content with simple hooks and this seemed to work great.
However, it only looks good on the homepage? If I navigate to another page the ad is back at the top of the page and the text shrinks left again? I even tried deleting the ad but it will not move from the top of the page. Even after clearing the cache in safari, removing all website data and a reboot holding both buttons on iphone. Each one of these changes works well on desktop?? Any thoughts?

[gardenmatter]

Resolved: Just in case someone else has this problem.
I believe the culprit was Jetpack. I somehow had the mobile activated. Once I deactivated Jetpacks Mobile my site looks as it should.

[ponting]

Close this: http://gardenmatter.com/wp-content/uploads/

Use your FTP: take home/Copy: index.php file in: wp-content and move it to above folder, and it is closed!

Kristina:)

---

Kristina Ponting sweden

[Author]

Posts