Layout not consistent on mobile

  • Resolved JeanPaul1

    (@jeanpaul1)


    3 years, 5 months ago

    I use a column layout on the front page, so 2 columns, one with text and a button and one with a picture. I did this 3 times.
    So I added a first block with 2 columns, image in first column, text with a button in second column.
    I added a second new block with 2 columns, but now first column text and a button and second column with image,
    I added a third new block with 2 columns and, like the first block, image in the first column and text with button in the second column.

    ———————|—————–
    — Image————|——-text——
    ———————|—————–

    ———————|—————–
    — Text————-|——Image——
    ———————|—————–

    ———————|—————–
    — Image————|——-text——
    ———————|—————–

    Looks good on any device accept on mobile, then the second column I cannot change the alignment.
    What I would like to see is this

    ——-Image———
    ——-text———-

    ——-Image———
    ——-text———-

    ——-Image———
    ——-text———-

    but what I get is

    ——-Image———
    ——-text———-

    ——-text———-
    ——-Image———

    ——-Image———
    ——-text———-

    Any idea how I can make sure that the second column on mobile devices makes the Image line up first and the text second?

    Thank you

Viewing 1 replies (of 1 total)

  • Hello @jeanpaul1

    This really depends on the page builder that you’re using. Some might offer mobile columns reverse, some might not and you might need to rely on additional CSS tweaking.

    If you can post the page builder that you’re using, I can direct you to their support page so you can get better advice regarding this.

    Thanks

Viewing 1 replies (of 1 total)
  • The topic ‘Layout not consistent on mobile’ is closed to new replies.