How To Make Pc/Desktop Version For Wapka Sites *Full Tutorial*

This Tutorial will teach you How To create Pc/Desktop Version For your

Wapka Sites



At First Login To Your Wapka panel and open your site



Now Goto ::EDIT SITE::

And Click "Global Settings"

Now open head Tags And Paste Below Codes



<style type="text/css">

@media only screen and (min-width:1024px){

#mobile,.mobile{display:none}

}@media only screen and (max-width:1023px){#pc,.pc{display:none}

#mobile,.mobile{display:block}

}@media handheld{#pc,.pc{display:none} #mobile,.mobile{display:block}

}</style>



This code will hide your pc contents from

mobile users and your mobile contents from pc users



To hide yor contents for pc simply wrap the

item with

<div class="pc">YOUR PC CONTENTS</div>



The above codes will make you show contents



for only pc users (people using a computer).

to hide mobile content from Pc users just

replace "pc" with "mobile" e.g



<div id="mobile">YOUR MOBILE CONTENTS</div>



You can also write a javacript if else

statement here's a javascript statement you

can use:



<script type="text/javascript"> var w=window.innerWidth;

if(w>=800){document.write('<style

type="text/css">.wap{display:none;}</style>');}

else{document.write('<style

type="text/css">.web{display:none;}</style>');}</script>



That's All......!

Don't Forgot to Edit Your Themes In Forum

And Messages In Forum With pc/mobile codes for Better view