Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 31, 2025 at 8:10 pm #1487425
    ahaderer

    Hello Support Team,
    I have created a layout with three columns (each 1/3) inside a color section. Unfortunately, I’m experiencing an issue where the columns do not stack on the iPad (in portrait mode), but instead remain side by side. As a result, the layout becomes cluttered or partially cut off.
    I have already tried several CSS rules to force the columns to stack vertically on medium screen sizes, but none of them have worked. The cache has also been cleared.
    Could you please let me know how I can achieve the desired stacking behavior correctly?
    You will find the links in the private content.
    Thank you in advance for your support!
    Best regards,
    Andrea

    August 1, 2025 at 5:48 am #1487440
    Ismael

    Hey Andrea,

    Thank you for the inquiry.

    Try to add this css code to adjust the breakpoint of the columns on smaller screens.

    @media only screen and (max-width: 1366px) {
    .responsive #top #wrap_all #breakpoint1024 .flex_column.col {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
        display: block;
        float: none;
    }
}

    Result:

    View post on imgur.com

    Best regards,
    Ismael

    August 1, 2025 at 9:43 am #1487451
    ahaderer

    Hello Ismael,
    thank you but it still does not work.
    Kind regards Andrea

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