-
Posts
-
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?
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!
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
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
- You must be logged in to reply to this topic.