Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 1, 2019 at 2:42 am #1152905
    designyvr

    Hi,

    For the blog with a grid layout, is it possible to have all the preview/thumbnail images aligned to the top?

    Also for the mobile views, is it possible to have the preview/thumbnail images stack in one column? Currently it stacks in alternating rows of 2 images and 1 image, sometimes with an uneven vertical alignment.

    Thanks for your advice!

    November 2, 2019 at 4:44 pm #1153297
    Victoria

    Hey designyvr,

    https://cl.ly/8fe16b056eea This code in your Quick css is creating this issue. Please remove it or change it to not affect this page.

    Best regards,
    Victoria

    November 3, 2019 at 8:57 pm #1153559
    designyvr

    Hi Victoria, Thank you very much for your help!

    November 4, 2019 at 6:28 am #1153622
    Rikard

    Hi,

    Great, I’m glad that Victoria could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    November 4, 2019 at 8:17 pm #1153756
    designyvr

    Hi Rikard, I had asked another question on this topic; could you please advise?

    ____
    For the mobile views, is it possible to have the preview/thumbnail images stack in one column? Currently it stacks in alternating rows of 2 images and 1 image.
    ____

    See link provided below.

    Thank you!

    November 5, 2019 at 9:56 am #1153913
    Rikard

    Hi,

    I checked your site on IphoneX but I can only see full width images. Could you try to explain the problem a bit further and how to reproduce it please?

    Best regards,
    Rikard

    November 7, 2019 at 12:03 am #1154494
    designyvr

    Hi Rikard,

    Thanks for taking a look. I’ve included links to screenshots of the issue I’m describing below, hope this helps.

    When a phone is in landscape orientation, it shows the the alternating rows – 1 large thumbnail and then 2 small thumbnails underneath. When the phone is in portrait orientation, it shows one column.

    The issue is that this causes spacing inconsistencies between the thumbnails. There are small gaps and large gaps of space. See screenshots.

    How can we make the images show up in one column, with even spacing between each thumbnail?

    Thank you!

    November 15, 2019 at 11:51 am #1157143
    Ismael

    Hi,

    Sorry for the delay. You can use the following css code to adjust the width of the posts on mobile view, make them full width and have them stack on top of each other.

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .slide-entry {
	width: 100%;
	margin-left: 0;
	margin-bottom: 50px !important;
    }
}

    Please don’t forget to toggle the Performance > File Compression settings. Thank you for your patience.

    Best regards,
    Ismael

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