I've been working on building my site responsive, and it's been going pretty well so far. When I test my site on my Kindle Fire HD, it looks great in Landscape, but the text is right up against the sides in portrait mode (800px resolution, I believe). Here's a screenshot:
This is all built on the Genesis Sample theme. What media query magic do I need to add / alter in order to get that text some padding when in lower resolutions?
I found it; there was a long list of classes (containing .entry, among other things) that had set a padding value of 0px. Swapped that out for 12px, and I was good to go. Even better, I got a much better grasp of how responsiveness works by guessing and checking a bunch of stuff
The topic ‘Padding On Responsive Design’ is closed to new replies.
Subscribe to get early access to new themes, discounts and brief updates about what's new with StudioPress!