Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 6, 2014 at 12:56 am #300454
    Wildwood

    My client wants 5 column portfolio grid, with each column representing a different category.
    The spacing was very wide, so I increased the width by adding this code:

    #top .isotope-item {
    width:200px;
    }

    Now the page looks much better on full screen, but in different responsive widths the columns overlap. Can you provide a suggestion?
    Thank you.

    August 6, 2014 at 6:29 am #300519
    Ismael

    Hey Wildwood!

    Thank you for using Enfold.

    Adjust the width of the isotope item via media queries. Use this on Quick CSS or custom.css:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
#top .isotope-item {
width: 120px;
}
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.