Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 9, 2015 at 9:05 pm #456922
    dburton77

    Hi. One more question about displaying blog posts using the Blog element set to “Grid” setting. When I have the columns set to 3, something strange happens with the preview pics when viewing on smartphone (while holding horizontally). The first preview pic in each row is much large than pics 2 and 3. Is there a cure for this?

    June 10, 2015 at 11:57 am #457135
    Ismael

    Hey dburton77!

    Thank you for using Enfold.

    Actually, that is the default behavior of the grid layout on screen width lesser than 768px. If you want, we can set the grid to a single column:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
  clear: both;
  margin-left: 0;
  width: 100% !important;
}}

    Best regards,
    Ismael

    June 11, 2015 at 2:09 am #457580
    dburton77

    Perfect! Thanks.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Blog Posts in Grid Format – Preview pic same size in responsive mode’ is closed to new replies.