Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 19, 2021 at 8:01 pm #1289261
    flfeadmin

    Hello,
    I have two rows that are 1/4 width with one of them full of four images and one having three. The one with three images seems to be problematic at screens with a larger size – I have included pictures to show what the issue looks like.

    This seems to only have started happening with the latest couple of updates. Lots of elements out of alignment.

    Here is what it looks like with a back end image as well:

    https://www.flfe.net/wp-content/uploads/2021/03/front-facing-issue.jpg

    https://www.flfe.net/wp-content/uploads/2021/03/back-end-issue.jpg

    You can see for yourself at this URL:

    https://www.flfe.net/learning-centre/

    I will include my credentials below.

    Thanks in advance!

    March 23, 2021 at 7:32 am #1289776
    Rikard

    Hey flfeadmin,

    Sorry for the late reply. I checked the page on a 1440 x 900 screen, but it looks good there. How big does the screen have to be in order to reproduce the results in your screenshot?

    Best regards,
    Rikard

    March 23, 2021 at 6:57 pm #1289970
    flfeadmin

    It seems reproducible sometimes, but not others….it looks like the wonky breakpoint is at about 775 pixels wide. Then you get the bottom three boxes going large while the top ones are small? Seems like odd behaviour. I have tried adding a fourth box to “smooth” things out to see if it would fix the issue, but it hasn’t.

    Thanks for your response!

    • This reply was modified 3 years, 8 months ago by flfeadmin.
    March 27, 2021 at 8:13 am #1290702
    Rikard

    Hi,

    Thanks for the update. I checked on all screen sizes below my maximum screen size, but I still can’t see the results as in your screenshots. Is this happening in a specific browser only maybe?

    Best regards,
    Rikard

    March 29, 2021 at 9:39 pm #1291161
    flfeadmin

    I can’t reproduce it every time either. I’m not using an unusual browser – we use Chrome. I can’t reproduce it currently – on a semi-related note, it seems like the boxes shouldn’t resize in this way:

    https://www.flfe.net/wp-content/uploads/2021/03/Other-Front-Facing.jpg

    This happens when the screen width is between 768 px – 990px.

    Thanks for your help!

    Max

    April 1, 2021 at 12:26 pm #1291759
    Ismael

    Hi,

    Thank you for the info.

    Did you set the second row of columns to have an equal height? You may also need to adjust the column breakpoint. The first row behaves differently because the “equal height” option is enabled.

    Best regards,
    Ismael

    April 1, 2021 at 8:14 pm #1291877
    flfeadmin

    Hello,

    I switched both columns to indivdual height and they look good now!

    Thanks so much for your help – I think we’re good here.

    It looks like the Fullwidth Break Point is working well after the height adjustment.

    Thanks again,

    Max

    April 1, 2021 at 8:51 pm #1291897
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Images are out of alignment’ is closed to new replies.