Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 13, 2016 at 5:24 pm #685947
    janetgot

    We are building a page using Flexible Masonry, where each image is exactly the same size, so we can create a perfect grid. However, the titles for our entries are not the same length, and while it looks fine in desktop, on mobile, if some titles wrap to a second line, it pushes the next item down in the row below and our grid is out of whack. I have been trying to put some css in to force the title space to all be the same height, but so far haven’t figured it out. Can you help?

    September 16, 2016 at 8:41 am #687323
    Ismael

    Hey janetgot!

    Thank you for using Enfold.

    Please try to decrease the font size of the title on mobile view.

    @media only screen and (max-width: 767px) {
.page-id-2051 #av-masonry-1 h3.av-masonry-entry-title.entry-title {
    font-size: 12px !important;
    font-weight: normal !important;
    text-align: center !important;
}
}

    Cheers!
    Ismael

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