MyBB Community Forums
[How To?] Fix this quick reply issue - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: [How To?] Fix this quick reply issue (/thread-230552.html)



Fix this quick reply issue - serling - 2020-12-12




[Image: Y3pLCsK.png]

[Image: Cqm66B3.png]

Basically the issue is, on mobile devices the quick reply editor is shrunken to a very small box. Whenever it is resized the captcha box is moved alongside the "image verification" text. Causing the issue of being unable to see the actual captcha image. Also scrolling horizontally isn't working, also an issue with this in New Reply.

I know that I can just do some workarounds, but I want to align this correctly for future developments. Fixing the mobile css is so frustrating, but necessary for success and I am at my wits end here. I just can't seem to find which files to edit.



RE: Fix this quick reply issue - tomjay78 - 2020-12-13

(2020-12-12, 11:50 PM)serling Wrote:


[Image: Y3pLCsK.png]

[Image: Cqm66B3.png]

Basically the issue is, on mobile devices the quick reply editor is shrunken to a very small box. Whenever it is resized the captcha box is moved alongside the "image verification" text. Causing the issue of being unable to see the actual captcha image. Also scrolling horizontally isn't working, also an issue with this in New Reply.

I know that I can just do some workarounds, but I want to align this correctly for future developments. Fixing the mobile css is so frustrating, but necessary for success and I am at my wits end here. I just can't seem to find which files to edit.

On any modern browser, go to the page, press F12 to open up the elements menu, press the "select" or "selector" button and then proceed to select the reply box. Now you should be honed in enough to pinpoint what exact elements you want to work with. You can make CSS changes on the fly and, once you're finished, copy those changes to your actual server environment.

Oh and it will tell you right there in the css panel what and where the files are located.