How To Make Pc/Desktop Version For Wapka Sites

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

Comments

Popular posts from this blog

ShowBox Apk Download Free Movies App For Android

IMPROVE QUALITY OF CONTENT & FOCUS ON GETTING TARGETED TRAFFIC

HOW TO ADSENSE LOW PAYING KEYWORDS LIST 2017