Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 18, 2019 at 12:03 pm #1092409
    sigifinsrl

    Hello,

    I’m having problems with the Grid Row element with tablets.

    I set up the fullwidth break point on tablets, and when i visit the site with a vertical tablet the text in the element is out of its container (check image below). I set up at least 100% of browser window height.

    Can you please help?

    • This topic was modified 5 years, 7 months ago by sigifinsrl.
    April 18, 2019 at 3:00 pm #1092443
    sigifinsrl

    I see that the CSS code for the element viewed on an iPad 768×1024 is:

    .av-cell-min-height-100 > .flex_cell {
    height: 1024px;
    }

    Shouldn’t that be a min-height? The value is generated depending on the viewport, so a quick and dirty solution could be using:

    .av-cell-min-height-100 > .flex_cell {
    min-height: 100vh;
    height: auto;
    }

    Could you please provide an official solution? Thanks!

    April 18, 2019 at 5:27 pm #1092468
    sigifinsrl

    You can replicate this problem in your demo Enfold Freelancer:

    – Edit the only page in the demo

    – In the About me Grid Row main settings edit Screen Option -> Fullwidth break point to “On tablets”

    – Add a long text after the title About me

    – View the page with a vertical iPad 768×1024

    • This reply was modified 5 years, 7 months ago by sigifinsrl.
    April 22, 2019 at 5:17 am #1093229
    Ismael

    Hi,

    Thank you for using Enfold.

    Yes, that should be a min-height property instead of height. We’ll forward the issue to our developers. For now, please use that css code.

    .av-minimum-height-100 .container, .avia-fullscreen-slider .avia-slideshow, #top.avia-blank .av-minimum-height-100 .container, .av-cell-min-height-100 > .flex_cell {
    height: auto;
    min-height: 100vh;
}

    Best regards,
    Ismael

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