Tagged: , , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 13, 2015 at 11:37 pm #427900
    JaimBateman

    Hello,

    And first of all let me thanks you for a great job with the enfold theme – and with the support, in whose threads I’ve been able to find the answers to all of my questions…except for this one !

    I have on the website I4m working on right now, a portfolio grid with 5 columns and 5 items (I use it to present the team). It is working fine, but for one thing : when viewed in mobile mode (landscape more precisely), it gets into a 1 big square and two rows of two pattern. Is there any way to prevent this, i.e. to have all portfolio items of equel size, in a 2-2-1 pattern, with maybe the last one centered ?

    Actually, the question also arises for any portfolio grid that has an odd number of items : when viewed on a mobile in landscape mode, there is this 1 big – 2 – 2 – 2… etc pattern – and I was wondering if there was a solution that could apply to this case un general.

    Thanks in advance for your help, and keep up the great work…

    April 15, 2015 at 3:08 am #428624
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1 {
        width: 50%;
    }
}

    Cheers! 
    Josue

    April 15, 2015 at 10:33 am #428782
    JaimBateman

    Thanks Josue,

    That did the trick ! As usual, you guys are efficient and on point…

    Cheers,

    Jaim

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Responsive portfolio grid with odd number of items’ is closed to new replies.