Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 7, 2015 at 2:09 pm #547986
    elbnetz

    Hi There,

    We,ve changed the masonry blog to 1 column successfully with the help of this threat: https://kriesi.at/support/topic/1-column-masonry/

    Now the problem is, that there seems to be a breakpoint at 990 pixels under wich the customization doesn’t work anymore.

    It would be perfect, if we could reduce the breakpoint to 700 or 800. is that possible?

    Thanks!
    T.

    December 8, 2015 at 6:50 pm #548942
    Andy

    Hey elbnetz!

    not sure what you mean with breakpoint. I checked the link you have provided but could not see any issue. Can you highlight your intentions using screenshots please?

    Regards,
    Andy

    December 8, 2015 at 10:19 pm #549275
    elbnetz

    The image switches from the left to the top at 990 pixels and it should not before 700 pixels.

    December 10, 2015 at 3:40 pm #550466
    Josue

    Hey!

    Add this to Quick CSS:

    @media only screen and (min-width: 687px) {
figcaption.av-inner-masonry-content.site-background {left: 33%;top: -215px;}
a.av-masonry-item-no-image figcaption.av-inner-masonry-content.site-background {left:0px;top: 0px;padding: 0px 20px;}
a.av-masonry-item-with-image div.av-masonry-entry-content.entry-content {width: 65%;}
  div.av-masonry-outerimage-container {width: 33%;}
  figure.av-inner-masonry.main_color {max-height: 220px;}
a.av-masonry-item-with-image .av-masonry-entry {margin-bottom:25px;}
}

    Modify 687px if needed.

    Best regards,
    Josue

    December 11, 2015 at 10:09 am #550913
    elbnetz

    Many Thanks Josue!
    In principle it works. The only problem is, that under 990 pixels now the text part is moving out of the div at the top.
    Any idea how to stop that?

    Thanks again!

    December 11, 2015 at 10:53 am #550930
    Josue

    Hi!

    Seems the Masonry functionality is trying to reposition it each time the window size changes. Having noted this issue i’d suggest you to switch to a Blog or Grid element instead, a Masonry element is meant to work with multiple columns.

    Best regards,
    Josue

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