Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 8, 2014 at 3:44 pm #315147
    lizybloom

    Hi.

    I have a sight at http://lizybloomdesigns.com/newzema. I have a masonry grid (not in a color section) laid out on the front page. There are four blog posts in it. When I stretch it to fill my screen ( I have a very large monitor), the boxes stay pushed to the left. And when I shrink the window, it pushes one of the boxes underneath. How can I get these four boxes to stay in one line, and always fill the space? Like the perfect.png example below?

    Thanks

    Screenshots:
    http://lizybloomdesigns.com/newzema/perfect.png
    http://lizybloomdesigns.com/newzema/little.png
    http://lizybloomdesigns.com/newzema/big.png

    September 8, 2014 at 3:52 pm #315155
    Yigit

    Hi lizybloom!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 1800px) {
.responsive.html_stretched .av-masonry-entry {
width: 25%;
}}

    Regards,
    Yigit

    September 8, 2014 at 6:19 pm #315265
    lizybloom

    Ok. That worked for when I make the screen size bigger. Thanks!

    But when I shrink it, one box still moves to the bottom:(

    September 9, 2014 at 4:57 am #315581
    Ismael

    Hi!

    Thank you for the update.

    Please use this on Quick CSS or custom.css:

    @media only screen and (max-width: 1340px) and (min-width: 989px) {
.responsive .av-masonry-entry {
width: 25%;
}
}

    Best regards,
    Ismael

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