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

How to Clean Social Subscribe Widget for Blogger

IMPROVE QUALITY OF CONTENT & FOCUS ON GETTING TARGETED TRAFFIC