Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 19, 2017 at 4:22 pm #853908
    architchandra

    I have applied a background color to a grid row that has a special heading, and some content boxes inside. On reducing the width of the viewport to 989px (tablet) but have it higher than 767px (mobile), something happens to the height of the grid row and the background color applies to only a small section of the grid row. It is almost like its children have been taken out of the DOM flow and that the height goes to zero. However, I don’t understand why that is happening. Here are the screenshots of the webpage and the WordPress backend for the section:
    1. https://imgur.com/edFiKVD
    2. https://imgur.com/bdZxY0O

    I have used Enfold for other websites in the past and am pretty sure that this has not happened before, although I use the same settings everywhere. Ig it’s a bug in the latest version, please fix it.

    Please help to fix this. Thanks.

    September 19, 2017 at 4:33 pm #853915
    architchandra

    I was able to fix it using the clearfix method. The floats were causing the problem.
    https://stackoverflow.com/a/12540590/4660140

    You might want to convey this problem to Kriesi, though.

    September 19, 2017 at 11:58 pm #854091
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected and thank you for sharing the solution. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Grid row height not correct on tablet screens’ is closed to new replies.