• HI all, hope this is in the correct place. I’m using the Max Magazine responsive theme, and would like to create more of a magazine feel by going 2 column with the posts (below the slider and latest post areas)

    Is this achievable? If so, how would I go about it?

    The site is https://www.fifafanzone.com. Any other comments are welcome.

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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 https://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

    I solved. Thnx

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[MAX Magazine Theme] Possible to achieve 2 column posts?’ is closed to new replies.