Make Computer version site in wapka - New Tips

Hi Everibody! Today I’ll share how to make PC or Computer version site in wapka.mobi site. Follow the instructions:
Login your wapka site >> Select site >> Admin mode >> Edit site >> Global settings >> Head tags (meta, styles..) Now past bellow the codes:

<script type="text/javascript">var w=window.innerWidth; if (w>=900){document.write (' <style>#pc {display:block} #mobile {display:none}</style> <p> ');} else {document.write(' <style>#mobile {display:block} #pc {display:none}</style> <p> ');}</script>
/** RESPONSIVE STYLE **/<br />@media only screen and (min-width:500px) <br />{body {min-width: 990px; max-width: 1024px; margin: 5px auto 10px auto; padding:0px;} #pc {display:block} #mobile {diplay:none}<br />#left{width: 65%;float:left; display:block; margin-left:0px; margin-right:8px; margin-top: 10px; overflow: hidden;}<br />#right{float:left; display:block; width: 34%;margin-top: 10px; overflow: hidden; }}<br />@media only screen and (max-width:500px) <br />{body {min-width: 98%; max-width: 100%; margin: 0 auto; border: 1px solid #f5f5f5;padding:opx}<br />#mobile{display: yes;}<br />#pc {display: none; }}
Now goto: Edit site >> Html/Wml &
past the codes:

For PC past it:

<div class="pc"> Your PC Codes Here</div> <div class="left"> Your PC Left Codes Here</div> <div class="right"> Your PC Right Codes Here</div> <p>

For Mobile past it:

<div class="mobile"> Your PC Codes Here</div> <p>

Conclusion

Now you are completely created pc version in wapka enjoy.To get more wapka codes bookmark my blog.

Related Posts