column width on tablet 50-50-100 (flex-basis for last section stays 33.33)

  • Hello

    I noticed that when I specify my row with 3 columns (25-10-65 % width on Desktop) to change layout on tablet to 50/50-100 % it actually makes the first 2 columns 50/50, but the last one has 33.33%

    On my webpage it is the 2 rows under the heading “Kā PSORIāZE IETEKMē PACIENTU? ”
    In the back-end it works fine, but on the front end – not.

    I see that css code (index), says

    -webkit-flex: 0 1 33.33%;

    for the last section and I can not change it’s behaviour even with custom css and !important.

    Any advice?
    Thanks in advance.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • hannah

    (@hannahritner)

    Hi,
    Thanks for reaching out! I’ll send this over to the dev team and determine what’s causing this.
    Thanks for your patience!

    Kindly,
    Hannah

    hannah

    (@hannahritner)

    Hi again,
    I just spoke with the dev team and they’re going to get a fix out in the next update. In the meantime you can use this CSS as a fix:

    @media (min-width: 768px) and (max-width: 1024px) {
    #wrapper .kt-tab-layout-last-row>.wp-block-kadence-column.inner-column-3 {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    #wrapper .kt-tab-layout-last-row>.wp-block-kadence-column {
        -webkit-flex: 1;
        flex: 1;
    }
}

    Hope that helps!

    Best,
    Hannah

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘column width on tablet 50-50-100 (flex-basis for last section stays 33.33)’ is closed to new replies.