Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 7, 2017 at 5:51 am #835207
    ccyran

    Hey guys,

    On this page of my site:

    Work

    Im using a masonry gallery to go fullwidth. But there’s two issues

    1. It’s not centered once the browser goes past a certain width. Reference: https://ibb.co/jQSW2F
    2. I want to control when its no longer fullwidth. Right now, it stops stretching fullwidth after a certain size, but I want to control what that size is.

    Thanks!
    Chris

    • This topic was modified 6 years, 8 months ago by ccyran.
    August 9, 2017 at 11:52 pm #836692
    Nikko

    Hi Chris,

    Can you try adding this css code in Quick CSS:

    .av-masonry-container {
    min-width: 100%;
}

    Hope this helps. :)

    Best regards,
    Nikko

    August 10, 2017 at 5:30 am #836732
    ccyran

    Hey!

    That didn’t work :(

    I still want the masonry gallery to not expand past 1600px

    Currently to do so, I have this CSS:

    .av-masonry-container {
    max-width:1600px !important;
    }

    Best,
    Chris

    August 14, 2017 at 3:29 am #838411
    Nikko

    Hi Chris,

    Can you try this one instead:

    .av-masonry-container {
    max-width: 100% !important;
}

    Hope this would help.

    Best regards,
    Nikko

    August 14, 2017 at 6:35 am #838451
    ccyran

    Hey Nikko,

    No luck :(

    The masonry gallery goes fullbleed. It doesn’t stop expanding after 1600px.

    August 14, 2017 at 11:56 am #838576
    Nikko

    Hi Chris,

    Can you try this css code:

    #top .av-masonry-container {
    float: none;
    margin: 0 auto;
}

    Let us know if this helps :)

    Best regards,
    Nikko

    August 14, 2017 at 4:01 pm #838723
    ccyran

    Yes! Thank you!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘fullwidth masonry gallery not centered’ is closed to new replies.