Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 15, 2023 at 10:23 pm #1401320
    Sandy

    A webpage has 3 columns set up as: equal height, middle vertical alignment, no space between columns. This looks great on desktop, but on mobile the vertical padding space inside the column box varies from box to box. Specifically, in one box the space above and below the text is less than the space above and below the text in a different box.

    How can this be corrected so that the text above and below text inside each column box is the same on mobile?

    March 16, 2023 at 6:23 pm #1401400
    Rikard

    Hey Tanja,

    That is coming from the padding the element settings:

    1st box:

    padding: 80px 60px 80px 60px

    2nd box:

    padding: 150px 60px 150px 60px

    Best regards,
    Rikard

    March 16, 2023 at 11:03 pm #1401459
    Sandy

    Oy! Thank you!

    March 17, 2023 at 4:20 am #1401474
    Nikko

    Hi Sandy,

    I’m glad that Rikard could help you :)
    Please let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

    March 26, 2023 at 9:02 pm #1402569
    Sandy

    Thank you! Please close this one.

    March 26, 2023 at 10:59 pm #1402583
    Mike

    Hi,
    If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘The vertical padding around text in columns is inconsistent on mobile.’ is closed to new replies.