Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 15, 2015 at 3:45 pm #503418
    GOWD

    Hi.
    I have built a Contact Us page, two column two row page with the Advanced Layout Editor.

    It is displaying correctly on Desktop and Tablet but when I check on Smartphone the column width is not adapting correctly and instead shrinking to less than half the width of the screen.

    Also the final column in row two has a photo background, no content elements.
    On mobile this is disappearing. How can I set a minimum height for this cell to keep it displaying.

    Finally is there any way on controlling (reducing) the height of the message box in the contact form to two thirds its current height?

    Page Url and login details in Private Content.

    Thank you

    September 15, 2015 at 8:40 pm #503678
    Andy

    Hi Denis!

    try this code:

    #top .no_margin.av_one_half {
width: 100%;
}

    Regards,
    Andy

    September 16, 2015 at 4:29 pm #504260
    GOWD

    Hi Andy, that code worked great, thank you.

    Does this mean every time I use two columns with no margin in between I need to add that CSS code?

    Also the final column in row two has a photo background, no content elements.
    On mobile this is disappearing. How can I set a minimum height for this cell to keep it displaying.

    September 17, 2015 at 12:20 pm #504696
    Andy

    Hey!

    it depends. Let us know if you need help with this again. We are happy to assist you.

    For your final column use this code:

    .flex_column.av_one_half.avia-full-stretch.no_margin.flex_column_table_cell.av-equal-height-column.av-align-top.av-zero-column-padding {
height: 500px;
}

    and adjust as needed.

    Regards,
    Andy

    September 17, 2015 at 6:47 pm #505083
    GOWD

    Hi Andy, worked a charm.
    Thanks.
    You may close this thread.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Columns not displaying properly on mobile’ is closed to new replies.