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
Hey christina-grab,
Add this to quick css:
a#av-masonry-3-item-2768{
left:59.5705%!important;
}
Best regards,
Jordan Shannon
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.
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
This works perfect.
Thank you so much, Ismael!!
Best regards,
Christina
Hi Christina,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria