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

Latest

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

No comments:

Post a Comment

Post Your Comments