• Resolved jpsws

    (@jpsws)


    Since updating to Otter 3.0.0, sections which have two columns on desktop are not displayed correctly on mobile. The two columns, when stacked vertically, have a shorter height than their desktop versions, meaning that content is missing from the bottom of the section on mobile. They were displaying correctly on the previous version of Otter, confirmed by temporarily rolling back.

    Also shown here: https://soundwithoutsight.org/get-involved/

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

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Hardeep Asrani

    (@hardeepasrani)

    Hey @jpsws,

    You can fix it by adding the following CSS to your WordPress:

    .wp-block-themeisle-blocks-advanced-columns .wp-block-themeisle-blocks-advanced-column {
      overflow: visible;
    }

    And thank you for the report, we will address this in an upcoming release. Thank you!

    Thread Starter jpsws

    (@jpsws)

    Thank you very much – that has fixed it!

    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    I am glad to know; sorry for the inconvenience caused.

    @jpsws other than the reported issue, how do you like the release? Anything that you find useful or not so?

    doczimute

    (@doczimute)

    Hello

    Version 3.0.1 does not seem to me to have fixed the stacking bug on the mobile version. I still have to leave in the additional CCS:

    .wp-block-themeisle-blocks-advanced-columns .wp-block-themeisle-blocks-advanced-column { overflow: visible; }

    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    Hey @doczimute,

    Thanks for the report, we have released version 3.0.2, can you confirm if that fixes the issue?

    538 / 5 000

    Sorry, but version 3.0.2 still does not fix the column stacking issue.

    I have 2 so 2 columns, one containing 2 small paragraphs and one containing a contact form.

    In desktop mode, the form is taller than the 2 paragraphs.

    In mobile mode, the heights do not adapt to the content and are equal heights. Lots of spaces at the bottom of the paragraphs and the form is cropped at the bottom.

    Before version 3.0.0, the column heights adapted to the content of each in mobile mode.

    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    @doczimute Can you give us link to that page?

    I removed the additional CSS and put v 3.0.2

    See bottom of page at the form location

    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    Hey @doczimute,

    This is how it looks to me: https://pasteboard.co/OKazEUldvWF6.png

    I’ve zoomed out a bit for the screenshot but even when viewed from the phone, it looks fine. Can you confirm if you’re having the same issue on a private window?

    I don’t find this problem in private window. I have this problem on my Android smartphone.

    I tested with other browsers than Firefox, which I use, it’s ok. I cleared my browser cache and it’s all good now. The fix works fine.

    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    Glad to know, thanks for confirming @doczimute

    Let us know how you feel about 3.0 version and if there are some features you particularly liked/disliked, or you haven’t tried anything new yet?

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