Web Wiz

  New Posts New Posts RSS Feed - Google Mobile Friendly Test
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Google Mobile Friendly Test

 Post Reply Post Reply
Author
Mateen View Drop Down
Newbie
Newbie


Joined: 06 October 2018
Status: Offline
Points: 5
Post Options Post Options   Thanks (0) Thanks(0)   Quote Mateen Quote  Post ReplyReply Direct Link To This Post Topic: Google Mobile Friendly Test
    Posted: 06 October 2018 at 9:05am
Hello,
I have web wiz forum version 12.01, when I test my posts on Google Mobile Friendly Test I get Page is not mobile friendly. 

Fix the following 2 issues

Content wider than screen

Clickable elements too close together

I have tried changing font and Image size but I get the same result.

Any help will be appreciated. 

For test purposes I tried http://www.afghanistans.com/forum/extreme-discrepancies-usaidfunded-afghan-school_topic157.html


Back to Top
WebWiz-Bruce View Drop Down
Admin Group
Admin Group
Avatar
Web Wiz Developer

Joined: 03 September 2001
Location: Poole
Status: Offline
Points: 9501
Post Options Post Options   Thanks (0) Thanks(0)   Quote WebWiz-Bruce Quote  Post ReplyReply Direct Link To This Post Posted: 08 October 2018 at 6:04am
This will happen sometimes as it is impossible to control what user post.

I see there is a large image in one of the posts on the page you link to. This is quite likely causing the issue as the image would too large for a mobile phone screen.
Back to Top
Mateen View Drop Down
Newbie
Newbie


Joined: 06 October 2018
Status: Offline
Points: 5
Post Options Post Options   Thanks (0) Thanks(0)   Quote Mateen Quote  Post ReplyReply Direct Link To This Post Posted: 09 October 2018 at 5:56pm
Hello thanks for the reply,

You are correct that some large images will cause this but on this site it even happens on text only posts.

I just tried it on this post we are currently on and I get the same result as I mentioned above.

I have been testing it and found out if the Forums Message under the General Setting in the Control Panel is longer then one line, or the post it self is more then one line then we will get those error messages. I hope this helps.


Edited by Mateen - 09 October 2018 at 6:17pm
Back to Top
Mateen View Drop Down
Newbie
Newbie


Joined: 06 October 2018
Status: Offline
Points: 5
Post Options Post Options   Thanks (0) Thanks(0)   Quote Mateen Quote  Post ReplyReply Direct Link To This Post Posted: 09 October 2018 at 7:13pm
For test purposes I created http://www.afghanistans.com/forum/123.asp in this page I made the following changes to pass the google test.

<table class="tableBorder" align="center" cellspacing="3" cellpadding="1" style="table-layout: fixed; width: 100%">
 <tbody><tr class="tableLedger">
  <td>
   <a href="forum_posts.asp?TID=692&amp;title=sadat-nader-wins-gold-and-copper-mining-venture">Sadat Nader wins gold and copper mining venture</a> 
  </td>
 </tr>
<tr><td valign="middle" class="msgOddTableTop">
 <a name="744"></a>
   <img src="forum_images/bullet.png" alt="Direct Link To This Post" />
 <a href="member_profile.asp?PF=1" rel="nofollow">MateenK</a> Yesterday at 5:38pm
   <span style="float:right">
     <img src="forum_images/quote.png" title="Quote MateenK" alt="Quote MateenK" /> <a href="new_reply_form.asp?Quote=1&amp;PID=744&amp;PN=1&amp;TR=2" rel="nofollow">Quote</a>  <img src="forum_images/reply.png" title="Post Reply" alt="Post Reply" /> <a href="new_reply_form.asp?PID=744&amp;PN=1&amp;TR=2" rel="nofollow">Reply</a>
   </span>
</td>
 </tr>
 <tr class="msgOddTableRow">
  <td valign="top" class="msgLineDevider">
   <!-- Start Member Post MateenK -->
      <div class="msgBody">
<tr>
 <td>   
<div style="text-align: center;"><b style=""><font size="4">Some Name wins gold and copper mining venture this <br>is a test. </font></b></div>


<br>
WASHINGTON (AP) — A company founded by a London-based banker signed agreements Friday with the government of Afghanistan to explore for <br>gold and copper in the north of the country

<br>
<div style="text-align: center;"><b style=""><font size="2">Centar Ltd. said it hopes to begin exploration in two sites <br>next year and would <br>within a year become one of <br>the largest private-sector employers in the country.</font></b></div>

</td>
 </tr>




<span style="font-size:16px"><br><br>Edited by MateenK - Yesterday at 5:50pm</span>
   </div>
   <!-- End Member Post MateenK -->
  </td>
 </tr>
 <tr class="postSeparatorTableRow">
  <td align="right"><a href="#top"><img src="forum_images/back_to_top.png" alt="Back to Top" title="Back to Top" /></a></td>
 </tr>

<tr><td valign="top" class="msgEvenTableTop">
 <a name="745"></a>
   <img src="forum_images/bullet.png" alt="Direct Link To This Post" />
 <a href="member_profile.asp?PF=1" rel="nofollow">MateenK</a> <strong>2 hours 14 minutes</strong> ago at 6:15pm
   <span style="float:right">
     <img src="forum_images/quote.png" title="Quote MateenK" alt="Quote MateenK" /> <a href="new_reply_form.asp?Quote=1&amp;PID=745&amp;PN=1&amp;TR=2" rel="nofollow">Quote</a>  <img src="forum_images/reply.png" title="Post Reply" alt="Post Reply" /> <a href="new_reply_form.asp?PID=745&amp;PN=1&amp;TR=2" rel="nofollow">Reply</a>
   </span>
</td>
 </tr>
 <tr class="msgEvenTableRow">
  <td valign="top" class="msgLineDevider">
   <!-- Start Member Post MateenK -->
   <div class="msgBody">
    </div>
   <!-- End Member Post MateenK -->
  </td>
 </tr>
 <tr class="postSeparatorTableRow">
  <td align="right"><a href="#top"><img src="forum_images/back_to_top.png" alt="Back to Top" title="Back to Top" /></a></td>
 </tr>

</tbody></table>

The changes I made are in red.

I think if it is possible to change the scripts to add these changes to the Mobile side of Web Wiz  Forum it will be even more awesome then it is now.

Back to Top
WebWiz-Bruce View Drop Down
Admin Group
Admin Group
Avatar
Web Wiz Developer

Joined: 03 September 2001
Location: Poole
Status: Offline
Points: 9501
Post Options Post Options   Thanks (0) Thanks(0)   Quote WebWiz-Bruce Quote  Post ReplyReply Direct Link To This Post Posted: 10 October 2018 at 7:39am
The width 100% needs to be in there otherwise you could add a long link or a long line of text with no spaces and it would not line wrap and instead make the page wider than can be viewed in a browser.
Back to Top
Mateen View Drop Down
Newbie
Newbie


Joined: 06 October 2018
Status: Offline
Points: 5
Post Options Post Options   Thanks (0) Thanks(0)   Quote Mateen Quote  Post ReplyReply Direct Link To This Post Posted: 10 October 2018 at 9:53am
Hello again.
Since you agree, should I modify the script and make changes in forum_posts.

I was thinking about making these changes.

First: <table class="tableBorder" align="center" cellspacing="3" cellpadding="1" style="table-layout: fixed; width: 100%">

Second: <tr><td><% = strMessage %></tr></td> in two places.

Would that work?


Edited by Mateen - 10 October 2018 at 10:53am
Back to Top
WebWiz-Bruce View Drop Down
Admin Group
Admin Group
Avatar
Web Wiz Developer

Joined: 03 September 2001
Location: Poole
Status: Offline
Points: 9501
Post Options Post Options   Thanks (0) Thanks(0)   Quote WebWiz-Bruce Quote  Post ReplyReply Direct Link To This Post Posted: 10 October 2018 at 1:52pm
You would have the problems that I highlighted in my previous reply.
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.01
Copyright ©2001-2018 Web Wiz Ltd.


Become a Fan on Facebook Follow us on Twitter Find us on Google+ Community Forums Web Wiz Blogs Web Wiz News
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Policy

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Web Wiz Ltd, Unit 18, The Glenmore Centre, Fancy Road, Poole, Dorset, BH12 4FB, United Kingdom.

Prices exclude VAT unless otherwise stated. VAT No. GB988999105 - $, € prices shown as a guideline only.

Copyright ©2001-2018 Web Wiz Ltd. All rights reserved.