Docs

[P Hammond]

Hi X’ers! I am stuck. I need you to please look at a site and help me understand why two embedded elements are breaking the section transition but only on a certain media width. I’ll add details in a private reply…

[P Hammond]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! I have checked your site and I think I see the problem. To resolve it, instead of using height: 100vh; min-height: 100vh;, please remove the height and only maintain the minimum height in your inline css.

Hope this helps. Kindly let us know.

[P Hammond]

This reply has been marked as private.

[Rupok]

Hi there,

In that case you can try setting height: auto; for the mobile using media query. Like :

@media only screen and (max-width: 979px) {
#x-section-X {
 height: auto!important;
}
}

Replace #x-section-X with your section ID.

Cheers!

[P Hammond]

Sadly, that just made it worse. I am trying to achieve a responsive full pane effect, to no avail. What bit of code might I be missing?
Again, thank you!

[Christopher]

Hi there,

Instead of using height: 100vh; min-height: 100vh;, add padding to top and bottom of sections to adjust their height.

Thanks.

[Author]

Posts