I've created my own divs (code below - child css) for blog page (index.php in child theme), but when in iPhone view and smaller views it isn't 100% responsive - it resizes, but not as far as it should like it does on the homepage - I need it to have the same width as the homepage content area does in all resolutions. I'm guessing I'm missing something obvious (I'm not a pro), any help much appreciated, thanks Earl
#contentblog
{
padding: 2em 2em;
border: 1px solid #acb288;
border-radius:3px;
-moz-border-radius:3px;
width: 91%;
max-width: 100%;
}
#primaryblog {
float: left;
width: 97%;
padding-left: 15px;
max-width: 100%;
}
I used the following as well in my child css, but I'm not sure if it's relevant to the problem (I'm not entirely sure what the .one-column does, I got it from a forum)
/*Increase width of content*/
.one-column #content {
margin: 0 1.5% 0 1.5%;
width: 97%;
}