Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 22, 2015 at 10:24 pm #416088
    johnlotton

    Hi,

    I’ve had an issue for a while now, and updating Enfold doesn’t seem to fix it.

    Masonry on desktop is fine, but when on mobile, or shrunk in a desktop browser, the columns won’t switch to single, and images can no longer be seen.

    How do I fix this?

    For example:
    http://thenibble.com.au/australia/victoria/melbourne/

    Thanks.

    March 23, 2015 at 8:52 pm #416691
    Elliott

    Hey johnlotton!

    Try adding this to your custom CSS.

    @media (max-width: 500px) {
#top .container .av-masonry-col-flexible .av-masonry-entry { width: 100% !important; }
}

    Regards,
    Elliott

    March 24, 2015 at 12:08 pm #417012
    johnlotton

    That fixed it!

    Can I ask, any reason why this would be broken in the first place?

    March 25, 2015 at 5:01 am #417552
    Rikard

    Hi!

    Glad you got it fixed. Difficult to say what made it brake, but usually there’s a quick CSS fix like in this case.

    Cheers!
    Rikard

    • This reply was modified 9 years, 8 months ago by Rikard.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.