you could try just css; i.e. setting the posts to about half width, floating them left, etc;
example, to be added to style.css of your theme:
#posts-list .post:nth-child(odd), #posts-list .post:nth-child(even) { width: 49%; float:left; }
#posts-list .post:nth-child(odd) { margin-right:2%; }
#posts-list .post:nth-child(odd) { clear:both; }
@media screen and (max-width : 629px) {
#posts-list .post:nth-child(odd), #posts-list .post:nth-child(even) { width: 100%; float:none; margin-right:0%; }
#posts-list .post:nth-child(odd) { clear:none; }
}
(only tested in FF15; will not work in older browsers such as IE8 and older)
Thread Starter
rlntls
(@rlntls)
Thanks alchymyth, that looks like it might work. I’ve applied that now. How would I go about returning to single column for the middle reponsive size? I see that it returns to 1 column for the smallest (approx 300px), is this possible for the next largest cutoff? Also, do I need to clear the pagination buttons?
Thanks again.
change the one line to:
@media screen and (max-width : 960px) {
to clear the pagination buttons, possibly add:
.pagination { clear: both; }
hello i start to use max magazine theme i add a new page to create home page from dashboard and url is http://www.girotango.com/home. I want it to be http:www.girotango.com. How can i do it? I could not edit from dashboard. I would be very pleased if you help me. Thank you very much