Welcome Guest! To enable all features please
Login or Register.
The following code in Footer.cs
under YAF.Controls is causing the width to be more than phone's width for phone with a width less than 500px . The result is a bad looking layout since horizontal scroll bars appear just for this extra wide div.
@"<br /><br /><div style=""width:500px;margin:auto;padding:5px;text-align:right;font-size:7pt;""><span style=""color:#990000"">YAF Compiled in <strong>DEBUG MODE</strong></span>.<br />Recompile in <strong>RELEASE MODE</strong> to remove this information:");
footer.Append(@"<br /><br /><a href=""http://validator.w3.org/check?uri=referer"" >XHTML</a> | ");
footer.Append(@"<a href=""http://jigsaw.w3.org/css-validator/check/referer"" >CSS</a><br /><br />");
If the width=500px
is removed from above C# code, then the layout on mobile phone does not become wider than phone width and layout is properly maintained on mobile devices.
Edited by user
| Reason: corrected grammatical error in description
Thanks this will be fixed with the next release!
- You cannot post new topics in this forum.
- You cannot reply to topics in this forum.
- You cannot delete your posts in this forum.
- You cannot edit your posts in this forum.
- You cannot create polls in this forum.
- You cannot vote in polls in this forum.