تشخیص و استفاده از رزولوشن بیننده صفحه

[mokhtasatxyz]

سلام دوستان
از یک قلب ریسپانسیو خارجی برای سایتم استفاده کرد ام. نحوه نمایش منوی این قالب برای صفحه نماش های کامپیوتر و موبایل متفاوت است و در نتیجه باعث شده فارسی نویسی در گذینه های منو بر روی ترتیب گذینه های نمو تاثیر منفی بگذارد. نیاز دارم که علاوه بر شناسایی رزولوشن صفحه نمایش بیننده نعیین کنم که گذینه های منو به چه ترتیبی نشان داده شوند.
من چنین چیزی می خواهم



js:
a=document.write(screen.width);
if(a<=783)
{
html:
<li><span></span><a href='#s3' class='about'>1لینک</a></li>
<li><span></span><a href='#s2' class='portfolio'>لینک2</a></li>
<li><span></span><a href='#s1' class='map'>لینک3</a></li>
<li><span></span><a href='#big-banner' class='contact'>لینک4</a></li>";
}
elseif(a>783)
{
html:
<li><span></span><a href='#s3' class='about'>لینک4</a></li>
<li><span></span><a href='#s2' class='portfolio'>لینک3</a></li>
<li><span></span><a href='#s1' class='map'>لینک2</a></li>
<li><span></span><a href='#big-banner' class='contact'>لینک1</a></li>";
}







ممنون






لطفا من را راهنمایی کنید
ممنون
قالب اصلی:http://www.templatemo.com/tm-427-timeline