Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 20, 2019 at 7:44 pm #1140321
    arallon

    Hi,

    How would I go about have the masonry element of my website on mobile be 2 columns instead of 1?

    September 20, 2019 at 8:52 pm #1140332
    Jordan Shannon

    Hey arallon,

    Add this to quick css:

    @media only screen and (max-width: 768px) {

.av-masonry-entry { width: 50%; }}

    Best regards,
    Jordan Shannon

    September 23, 2019 at 7:22 pm #1141099
    arallon

    Jordan,

    With the provided code I’m still seeing 1 column of images on my mobile.

    September 24, 2019 at 5:05 pm #1141444
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    September 24, 2019 at 7:36 pm #1141528
    arallon

    Yes, I did. It seems to not work.

    September 26, 2019 at 10:56 am #1142205
    Ismael

    Hi,

    Thank you for the update.

    Try to adjust the max-width value in the css media query from 768px to 480px.

    @media only screen and (max-width: 480px) {
.responsive #top .av-masonry-entry {
    width: 49.9% !important;
}
}

    Please don’t forget to toggle the Performance > File Compression settings after adding the code.

    Best regards,
    Ismael

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