- This topic has 4 replies, 2 voices, and was last updated 6 years, 5 months ago by
.
Hello,
We added a comment box on our articles and it works perfectly on desktop. However, on mobile, the input boxes are too small and the user is unable to see what he is typing.
We’d like to fix this by having each box in one separate line. Do you know how to do this?
<div class=”_4u-c _1wfr _9hq”>
<div class=”_5f0v uiScrollableArea fade contentBefore” tabindex=”0″>
<div id=”js_2mo” class=”uiScrollableAreaWrap scrollable”>
<div class=”uiScrollableAreaBody”>
<div class=”uiScrollableAreaContent”>
<div class=”__i_” role=”region” aria-label=”Messages”>
<div id=”js_3″>
<div class=”_1t_p clearfix”>
<div class=”_41ud”>
<div class=”clearfix _o46 _3erg _29_7 direction_ltr text_align_ltr”>
<div id=”js_3f1″ class=”_3058 _ui9 _hh7 _s1- _52mr _3oh-” data-tooltip-content=”16:36″ data-hover=”tooltip” data-tooltip-position=”left” aria-describedby=”js_5p”>
<div class=”_aok”><span class=”_3oh- _58nk”>We’d also like to remove the website input box, can you help with that too please?</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Best regards,
Nicolas
Sorry for the presentation, there is a bug before publishing.
Hi Nicolas,
I hope you are well today and thank you for your question.
Could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?
Best regards,
Shufflehound teamYes, here is the link of the site : https://rednugget.fr/
Thanks in advance
Nicolas
You can display them full width on mobile devices by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
@media all and ( max-width:800px ){ .sh-comment-form .sh-comment-form-column { width: 100%; clear: both; } }
