Please decrease the Margin … margin-left and margin-right from your style.css
style.css – line 199
.one-column #content{
margin-left: 7.6%;
margin-right: 7.6%;
....
}
style.css – line 104
.singular #content, .left-sidebar.singular #content {
margin-left: 7.6%;
....
}
style.css – line 90
#content {
margin-left: 7.6%;
margin-left: 6.6%;
...
}
StyleSheet Path – http://andys.antonioborrillo.co.uk/wp/wp-content/themes/twentyeleven-child/style.css
The theme is responsive so do everything by percentages and not fixed width, as the browser is re-sized and the content is changed by percentage everything is stacked, re-size the browser to a mobile width to see what I mean.
If we have more info on why you need to use a fixed width we might be able to help more.
Please decrease the Margin…
Note: if you do this you must also adjust:
#primary {
float: left;
margin: 0 -26.4% 0 0;
width: 100%;
}
#content {
margin: 0 34% 0 7.6%;
width: 58.4%;
}
Regards
David
Thread Starter
giec
(@giec)
thanks for the suggestions, but I don’t see that css, only the one I have created which is this http://andys.antonioborrillo.co.uk/wp/wp-content/themes/twentyeleven-child/style.css. In this I can’t find the ids and classes you’ve mentioned. WHere do I find that CSS pls and how do I edit it?
Digital Raindrops, I don’t have any particular reason to use fix width, actually what you say makes a lot of sense so I will use percentages
thanks