Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1118777

    Hi Guys,

    first of all, I love the enfold theme. Thank you for that good work!

    At the moment I work on a website for a client. On the homepage I have 3 masonrys – two of them work fine. But one has a gap to the last item – as big as there was already an element (but there is none, of course).

    Could you be so kind and give me a hint, what I could do to make it work? Thank you so much.

    Regards, Christina

    #1118832

    Hey christina-grab,

    Add this to quick css:

    a#av-masonry-3-item-2768{
    left:59.5705%!important;
    }

    Best regards,
    Jordan Shannon

    #1118866

    Hey Jordan,

    thank you for your quick response.

    But I am sorry, your suggested solution doesn’t work. The gap is now on a different position.

    Also: I would prefer a solution, which doesn’t include absolute positioning on a single element. Because this will cause problems in the future, when more items are placed inside the masonry (which will be quite sure).

    Therefore: I simply would like to know, what is going wrong on that masonry. Because the two other masonrys work fine!

    Thank you in advance for your help.

    #1119439

    Hi,

    Thank you for the update.

    It seems to be related to the title container. The items positioned correctly when we shortened the title until it only occupied a single line. This css code might help.

    #top .container .av-inner-masonry-content {
        min-height: 80px;
    }
    

    Best regards,
    Ismael

    #1119457

    This works perfect.
    Thank you so much, Ismael!!

    Best regards,
    Christina

    #1119531

    Hi Christina,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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