Issue with Vertically Aligning Section on Mobile

  • Resolved Anonymous User 13711045

    (@anonymized-13711045)


    7 months ago

    I have a row that I have set the height to 100vh and set the inner column height to 100%. The only section within that row I have set to a vertical align of bottom. It aligns properly on desktop and tablet, but it will not bottom align on mobile. Editing the settings does nothing. Seems like a bug.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Anonymous User 13711045

    (@anonymized-13711045)

    Appears to be because of this..

    @media screen and (max-width: 767px) {
    .kt-inner-column-height-full.kt-mobile-layout-row {
    grid-auto-rows: minmax(min-content, max-content);
    }
    }

    Plugin Support Gilbert Hernandez

    (@ghernkadence)

    Hello @thekendog

    The developers are aware of issues with vertical alignment when a section is set to 100% height. However, as a workaround, please add custom CSS through the customizer. For example, the following CSS should help.

    @media screen and (max-width: 767px) {
    .kt-inner-column-height-full.kt-mobile-layout-row {
        grid-auto-rows: minmax(min-content, max-content);
    }
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Issue with Vertically Aligning Section on Mobile’ is closed to new replies.