Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 19, 2016 at 11:28 am #701149
    Oghi

    Hello there,

    I am working on a new website for a client. On the HOME page I made a GRID ROW 1/5, in the second, third and fourth I have a full column placed with text and a background collor. Below that I have placed a picture. On Computer and mobile phone it looks good, but on a tablet in portrait view the columns are shown next to eachother and look very long and the text of the first column falls of the background color. Also the background collor doesnot line up wit the pictures below them. Do you have a code so the columns also stack on a tablet in portrait view.

    Hope you can help out!
    Oghi

    October 20, 2016 at 7:44 am #701691
    Nikko

    Hey Oghi!

    Kindly add this code to Quick CSS located in Enfold > General Styling:

    @media only screen and (min-width:768px) and (max-width:980px) {
  .home #av-layout-grid-1 .flex_cell.av_one_fifth {
    width: 100%;
    max-width: 400px;
    display: block;
    margin: 0 auto 20px;
  }
}

    Hope this helps.

    Best regards,
    Nikko

    October 20, 2016 at 11:21 pm #702131
    Oghi

    Hey Nikko,

    It works just perfect! Thanks a lot!

    Best regards,
    Oghi

    October 21, 2016 at 6:26 am #702167
    Nikko

    Hi Oghi!

    Glad we could help :)

    Cheers!
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘colum in a grid row not stacking on tablet portrait view’ is closed to new replies.