Row layout doesn’t work on older iOS devices.

  • Resolved a4jp

    (@a4jpcom)


    3 months, 4 weeks ago

    Some of my clients/students have older iOS devices and the columns are all crushed together and don’t display properly. Can you fix this please? For example, one student has an iPod running iOS 9.3.5 (13G36). I can use this for testing as well if you like. 1 column works but not 2.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support karlalevelup

    (@karlalevelup)

    Hi there!

    Glad you reached out to us.

    While we aim to offer a seamless experience across various devices and platforms, supporting older versions of iOS or browsers may sometimes present challenges due to the evolution of web technologies and standards. We need to ensure optimal performance and compatibility with the latest versions, as they offer the most robust support for modern web features and standards.

    By the time Kadence Blocks was released, Safari iOS is already on version 13. One potential fix for this is to add custom CSS codes to your website’s Row Layout block so it will show better even on 9.3 versions.

    For example, you have the Row Layout block that shows 2 columns with equal widths. You can add a CSS code like this:

    selector .kt-row-column-wrap.kt-has-2-columns {
    display:flex;
    gap: 2em;
    }
    selector .kt-row-column-wrap.kt-has-2-columns.kt-tab-layout-equal .wp-block-kadence-column {
      flex:1;
    }

    Add this to the specific Row Layout block’s Custom CSS option – https://share.zight.com/jkup5WmO

    However, for the best results and ongoing updates, we recommend using more recent devices and browsers.

    Let me know if I can help you further with this.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.