Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 21, 2015 at 9:50 am #476362
    Monique

    Hi there,

    Please see the news and blog page of the development site on a small mobile (320px).

    I have used a grid layout with perfect automated masonry with large space. On a small mobile the grid fields of a message become too small so that you cannot see the (image +) full excerpt.

    Please advise.

    Thanks & regards,
    Monique

    July 21, 2015 at 3:50 pm #476574
    Andy

    Hey Monique!

    try this code:

    @media only screen and (max-device-width: 320px) {
a#av-masonry-1-item-101 {
padding: 27px; 
}}

    for your blog:

    @media only screen and (max-device-width: 320px) {
a#av-masonry-1-item-101 {
font-size: 9px;
padding: 115px;
}
h3.av-masonry-entry-title.entry-title {
font-size: 9px;
margin-top: -26px;
top: 13px !important;
position: relative;
}
a#av-masonry-1-item-104 {
padding: 115px;
font-size: 9px;
top: 235px !important;
}
.av-large-gap.av-masonry {
padding-bottom: 245px;
}
}

    Best regards,
    Andy

    July 23, 2015 at 9:38 am #477588
    Monique

    Hi Andy,

    Thanks for your reply.

    Sorry to say, but I don’t see any differences after inserting your code :-(

    Please advise.

    Best regards,
    Monique

    July 28, 2015 at 6:52 am #479461
    Ismael

    Hey!

    Unfortunately, that is the default behavior of the masonry item when set to perfect automated masonry. You can create another masonry item under the default masonry then set the same settings but this time set the Size Settings to Flexible Masonry. Use css media queries to switch the display of the masonry items on different screen sizes. Please post the login details here so that we can check it.

    Regards,
    Ismael

    July 29, 2015 at 2:17 pm #480229
    Monique

    Hi Ismael,

    Ok, that looks better. It’s a pitty because the Perfect Automatic Masonry looked so ‘funky’ :-(

    I’ll discuss with my client and let you know.

    Regards,
    Monique

    July 29, 2015 at 2:20 pm #480231
    Yigit

    Hi!

    Please do so and let us know so we can mark the thread as resolved or assist you further

    Cheers!
    Yigit

    July 29, 2015 at 9:36 pm #480430
    Monique

    Hi Yigit,

    Yip, the client chooses the flexible masonry.
    You can close this topic now.

    Thanks & regards,
    Monique

    July 29, 2015 at 10:08 pm #480436
    Basilis

    Hi!

    I will do close the topic, feel free to open a new one if needed.

    Cheers!
    Basilis

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Issue with layout grid on small mobiles’ is closed to new replies.