Comment Box Enlarges in Mobile View

  • Resolved jetxpert

    (@jetxpert)


    4 years, 9 months ago

    @gvectors-team,

    When someone taps the field “Join the conversation …” (comment field) in mobile devices, the entire page enlarges so viewers can see better what they’re typing.

    Unfortunately, after the comment is entered, the page does not return to its original size. Also, it causes the far-right tool-tips to truncate.

    Kindly review and fix the above. Meanwhile, is their a CSS code that can disable the “enlargement” feature?

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support gVectors Support

    (@gvectorssupportmember)

    Hi @jetxpert,

    We’ve checked and don’t find such an issue on your website. See the screenshots below:
    2020-06-05_2045
    2020-06-05_2047

    Plugin Author gVectors Team

    (@gvectors-team)

    @jetxpert,
    As far as I see it’s only available on iPhones. I only see this issue on iPhone X. But there is no such problem on Android mobile devices.

    Thread Starter jetxpert

    (@jetxpert)

    @gvectors-team,

    Thank you for checking. Yes, we’re using iPhones. Perhaps there’s a iOs-specific code that can be used to eliminate the “nag”?

    We’ll research this a bit more and get back to you if we find a fix.

    Again, thank you!

    Plugin Author gVectors Team

    (@gvectors-team)

    Hi @jetxpert,
    Please put this CSS code in the Top Admin Bar > Customize > Additional CSS > Custom CSS Code textarea. Save it, delete all caches. Then test it on iPhone using incognito/private session of browser to avoid browser cache:

    #wpdcom {overflow: hidden;}
#wpdcom .wpd-form-row div:hover.wpd-field-desc span {margin-left: -187px;}
#wpdcom .wpd-form-row div.wpd-field-desc span::after { margin-left: 80px;}
    Thread Starter jetxpert

    (@jetxpert)

    @gvectors-team,

    Unfortunately, the CSS code did not work. Your code only affected the position of the tooltip comment box and box pointer.

    Before Tapping On Input Field(s):

    Normal View: https://prntscr.com/suxr2z
    Normal View (Tooltip Box Tapped): https://prntscr.com/suxdnc

    After Tapping on Input Field(s):

    Screen Enlarged: https://prntscr.com/suxt5p
    Screen Enlarged (Tooltip Box Tapped): https://prntscr.com/suxtjo

    Again, thank you. We’ll figure something out and report findings if successful.

    Enjoy your weekend!

    Thread Starter jetxpert

    (@jetxpert)

    Good News!

    Above issue is NOT related to wpDiscuz. It’s related to the iPhone (iOS) itself.

    Fix:

    Add the following meta tag to your website’s head tag (i.e., Space Before </head>)

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=0"/>

    Source:

    Click here.

    Above works like a charm. If the above does not work for anyone viewing this topic, there are many other optional solutions available in the web. Click here.

    Cheers!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Comment Box Enlarges in Mobile View’ is closed to new replies.