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
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
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
You can also write a javacript if else statement here's a javascript statement you can use:
That's All......!
Don't Forgot to Edit Your Themes In Forum And Messages In Forum With pc/mobile codes for Better view
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
Post a Comment