Many Wapmasters want to create their Wapka site as Mobile version as well as PC version for better user experience, But they could not find the actual code which works.

So today I am going to teach you how to yo make pc and mobile version on your Wapka site.
Lets Start-

At first, go to your sites Admin Mode, Then go to Edit site >> Global Settings >> Head Tags …>>
Then Copy the code given below-

<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>

Then Paste it into Head Tag box.

Okay, now suppose you want to show a code To PC users only, then your code will be like this –
<div class=”pc”> YOUR CODE HERE</div>
If you want show a code to Mobile Users only, then your code will be like this-
<div class=”mobile”> YOUR CODE  HERE</div>

 

If you face any problem then please feel free to tell me, I am always here to help you.
Hope to see you again in our next post how to create Call me, Message me, and Mail me link in your site. Thank you.
Keep visiting…

I am an Electrical Engineer. Completed my B.Tech from Aliah University. Web-design is my hobby and Mastisky is my passion. I love to help others.

Categories: Wapka

mhreja

I am an Electrical Engineer. Completed my B.Tech from Aliah University. Web-design is my hobby and Mastisky is my passion. I love to help others.

Leave a Reply

Your email address will not be published. Required fields are marked *