Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 20, 2015 at 8:12 pm #415494
    djshortkut

    I created my own blog pages and at the bottom of each page I have grid rows with Special Headings and Buttons over the background image. I selected “middle” for vertical align which centers the special heading and button over the background image of the grid row. The only problem is that when I pull these pages up on my iPhone in portrait or landscape mode, the special headings and buttons are towards the top. Can you provide me with some quick css so I can center the special headings and buttons in these grid rows on the iPhone in portrait and landscape mode? Thanks!

    March 21, 2015 at 11:11 pm #415801
    Josue

    Hey!

    Try with this:

    .av-layout-grid-container .flex_cell {
    display: table-cell !important;
}

@media only screen and (max-width: 480px) {
    .av-layout-grid-container .flex_cell {
        display: block !important;
        min-height: initial !important;
    }
}

    Best regards,
    Josue

    March 22, 2015 at 5:04 pm #416001
    djshortkut

    Thank you Josue! You can close this thread.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Center Content in Grid Rows’ is closed to new replies.