SmartTemplates supports this item


388 comments found.

Great Mobile Theme ?But how to use it? is there a tutorial video or detailed manual ?


There is a HELP guide included. You will still need some basic HTML/CSS and javascript in order to edit the code. In case you want to make more changes to it.

Beeing an HTML/CSS item you will need to go in the code to edit it.


@molincy there is a detailed tutorial/manual contained within the download. Go to the “Help” folder and click on the index.html file. It will load the manual in your browser.


Thanks for answering for me :) Well that HELP guide is not super detailed, you will still need some HTML/CSS JS basic knowledge.


This is a fabulous and beautiful product! Really great work guys!

The only issue I’m finding is on the contact page. The submit button is only slightly visable (on an iphone 4) and I can’t scroll down to see it and push it to submit my contact form. Is there a way to fix this issue?

BE KIND i’m NOT a web designer!! lol

^^ In fact, I just noticed that I cannot scroll down to see “let’s socialize” or map location….I can’t see or scroll to anything past the top portion of the submit button.


Just tested your url. The scroll works fine.

It’s just that the inputs zone, and textarea are not scroll able zones. So if your finger it’s say above one of that will not scroll.

The functionlity had to be made in such way. I need when users click on inputs to be able to insert text.

So try to scroll from other areas. I know the space is quite small there, but it works.

Hope this make sense to you :)

Regards, and thanks for the good words.

hi there, im looking to get this theme as it looks just what i need to direct mobile users to. Could you please tell me if there will be any issues with seo as the home page is just a navigation page?

many thanks



All theme is one page code. Not only the home page. All content is inside one file. Except JS files,CSS…etc. This why it behaves like an app.

I don’t see a SEO problem here. It is a moble theme, it should be simple and eficient. Not sure if the purpose of a mobile theme, that is redirected from a desktop website is to be SEO perfectly, considering a comparation with the desktop website wich is first indexed.

Redirecting users from your desktop website it’s easy. There are multiple solutions free on the web for redirects codes.

HERE are some solutions I offer also for this.



first of all, congratulations for this template!

It works fine on almost all android devices I’ve tested. However, in HTC One X I get this:

Screenshot htc one x

This screenshot is with the original index.html file, without any modifications. Hope you have a fix ;-)

Thank you very much.

If it works with index black it means the image is the problem. And the CSS code that makes the image strech. I am using some code to strech it to fit the screen. And I supose the browser that is on that mobile cannot read it corectly.

What browser do you have? I will try to find the same version and do some tests. Is it default Chrome?


Hi, it’s the default android web browser. I use the “WebView” component. In Chrome or Firefox, no problem.


It means the CSS code I am using is not supperted by that version of browser. Will try to see what I can use instead, and include it in the next update.


Hi there – great work!

How do I:

a) remove the tabs at the bottom b) remove the ability to swipe through all pages? c) remove the top menu?


a) the tabs from about section? Just delete the HTML code inside that section

b) but how are you going to navigate after? you want just to click the icons and go to the page? it will still use the slide visual effect right? All this theme content is one file, you cannot build separate files for each page.

c) just delete the DIV “header ” from the begining of the HTML code


I would like to use a mapbox map in your template but i am having difficulty with it. If you could briefly explain whether i should use an IFrame or with the mapbox JS. And i if were to use the JS how might i implement it. I’m not really understanding the mapbox tutorial!

Here is the example they give: <!DOCTYPE html>

<head> <meta charset=utf-8 /> <title>A Simple Map</title> <meta name=’viewport’ content=’width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no’ /> <script src=’//’></script> <link href=’//’ rel=’stylesheet’ /> <style> body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } </style> </head>

<script> var map =‘map’, ‘’) .setView([40, -74.50], 9); </script>

But i don’t know how or where this all fits into the page template etc. I have tried numerous versions. I know its asking a lot, but any help would be great. Thanks.

Great… thanks and the template is fab!

I have the solution…. How can i pm or email you with it so you might include mapping, geocodeing and geolocation in future releases?


Use the contact form on our profile page, in the right sidebar.


About to purchase. Looks great. Just to be sure; will this work optimally on all mobile form factors e.g. iPAD, and Galaxy Tab etc?


Will work on any device, but recomanded with viewport around 800 px. It is a mobile theme, not a desktop one. Some new tables have allready desktop resolutions.

The theme uses a responsive layout from 800px and down.


Hello, i am having some issues with the twitter feeds. I can see that your twitter name is added in there, but when I directly upload the files onto my server, your twitter feeds do not pull on my version of the files. Am I doing something wrong?


You must add your own twitter username and API codes.

You know from the latest twitter updates, they have introduced new rules and new API keys. This why is not allowed for someone else to use your API codes. Open the HELP file inside the archive you downloaded and see “3 E Twitter page” on how to add your settings.

And test this only on servers, not on local PC, will not load the feed.


Hi there

Great work, is a fantastic mobile theme :)
I have no problem but just a suggestion..
It is possible that the address bar disappears when sliding down.
For example, this template ( to slide down the page looks like in full screen.

It would be great if you could release an update with a similar function, display the page in full screen, now to slide down, the address bar is always in the same place .

Best Regards ;)


Thanks for the gread feedback.

Try a demo on our V2 template

If that page hide your browser bar please use the code

<script type="text/javascript">
    window.addEventListener("load",function() {
    // Set a timeout...
    // Hide the address bar!
    window.scrollTo(0, 1);
    }, 0);

And add it before </head> in the header of the HTML file where you want to be used.

It should work fine.

Best Regards.


I had not been tested with the code you mention me before eqiqueta </ head>

But I tried it today and does not hide the address bar.

Could you be so kind to help me hide the address bar to display in full screen?

I’d appreciate it very much.

Best regards.


If that code is not working, I recommand some other solution that are discussed online


Will make some tests also, and get back with more details.

This is an unsolicited recommendation. I downloaded this theme yesterday and it is up and running as a test app. It runs (among others) in Android on several different form factors and in iOS; without difficulty. It is well written, logical and robust. I am delighted and this author deserves an <applause>applause</applause> SYNapps.

Thanks for the great feedback. You made my day :) Just encourage me to create more creative items.

Hopefully my last question. Could you please explain where the distance code is between the icons and the logo. I’ve looked but can’t figure out where it is. I have reduced the icons from 9 to 6, inserted my own logo, but need to move the icons closer to the logo on for IPhone 3GS purposes as the logo is too far away from the icons.


Sorry one more…. I am trying to get the home icon in the header to point to a different slider for the “gohome” command, than the first (which i have used as a form of consent to use the webapp). Although i have changed it to what i believe it should be it refuses to go there and always defaults the the first slider. This is the code i currently have: \\

FIXED IT! I had to change .gohome in Code.js to where i wanted it to go to when the home button is pressed


Glad you found the gohome button action in code.js

Also thanks for the good words about V2.


hi, template looks good, but right now i was looking to get 2 things; -get rid of the 12 slider button at bottom -disable manual scrolling (only on click of button in menu page)


1. To remove the bottom pagination bullets, just add in style.css on .pagination class display:none;

.pagination {position: absolute;z-index: 20;left:0px;bottom:5px;text-align:center;width:100%; display:none;}

2. To remove the touch event for the slides, try adding touchRatio: 0, to the main function of the slider. Open code.js inside the js folder.

The main function starts from line 7 with var swiperParent = new Swiper(’.swiper-parent’,{

Add there:

touchRatio: 0,


Hi, it looks great, I would like to ask a question before I buy it, can this template work with phonegap? if yes, can you give some information about the devices that supported by this great template( I mean android and ios version, not the brands) thanks.


I personally did not test it with phonegap. But had a few users email me they integrate it. And the problem they had was the php code from the contact page. I have provide them some files with the php beeing outside the contact page, and it worked for them.

I guess I should test it with phonegap myself. I have in plan doing that.

The template works fine on android, iOS, windows. I am testing my theme with 4 mobiles, and they work fine. Also receive good feedback from other users as well.


Hello, Great solution, thanks. I have a question how can I remove or change the transition effect from page to page? There are many options in swiper but it affects to slides in a container. Gomobile has horizontal slide transition when moving between pages. But some times it looks not good from page to long distance page. because user have to look many pages between the two pages like flashes. How can I change or remove the transition effect? Hope your help, thnaks.


For now you cannot change the effect. This is the only one.

I will see on a future update if I can add more effects to page transitions.



Just downloaded the theme, great theme by the way!

And we are having huge problems making a drop-down list for our contact scheme…

Do you have any easy solutions?

<form id=”contact-us” action=”index.php” method=”post”> <label>Lege:</label> <select name=”lege” id=”lege” value=”<?php if(isset($_POST[‘lege’])) echo $_POST[‘lege’];?>”> <option value=”<?php if(isset($_POST[‘lege’])) echo $_POST[‘lege’];?>”>Lege 1</option> <option value=”<?php if(isset($_POST[‘lege’])) echo $_POST[‘lege’];?>”>Lege 2</option> </select> (Deleted all the others and submit) </form>

Here is the php in the top of my index.php

if(trim($_POST[‘lege’]) === ’’) { $legeError = ‘Forgot your name!’; $hasError = true; } else { $lege = trim($_POST[‘lege’]); }

Thanks in advance.


You need to use the code like this:

   <select name="select_option" id="select_option" class="form_input radius4 txt requiredField">
     <option value="Option 1">Option 1</option>
     <option value="Option 2">Option 2</option>
      <option value="Option 3">Option 3</option>

On top you need to add:

    // require a selection
    if(trim($_POST['select_option']) === '') {
        $select_optionError =  'Select an option!'; 
        $hasError = true;
    } else {
        $select_option = trim($_POST['select_option']);

And don’t forget to add the variable in the message body “Option selected: $select_option”

$body = "Name: $name \n\nEmail: $email \n\n Option selected:  $select_option \n\nComments: $comments";

Just drop us an email if you want a custom php page with that included.


Hi there. Thanks for a great theme, I am enjoying investigating it to see how you have done things. You have done great work on this. I have two questions though.

1. When I view the page on a mobile device (phone and tab) it looks great in portrait mode, but in landscape mode I just get the white (or colored) bars down the sides. Is there a way to fix this?

2. I’m interested in adding more interaction with data served up from php pages. Is this possible, and will this have an impact on your template behaving as an App?

Once again, great work and many thanks


Can you tell us what mobile are you testing the landscape mode. And what skin-color from out theme? So we can test it too.

1.When we test the landscape mode it’s working fine. Are you using a mobile with a viewport bigger than 800px. Like a tablet. If yes, the code was not build to support this big resolution. What is more than 800 we consider it’s allready a desktop website.

2. You can add dinamic content to this, as long as you have the php knowledge. Build a database…etc Just don’t load it too much with content, it’s a mobile theme, must work and load fast.


Hello! Very pleased with the theme. I have no problem working with HTML, CSS, etc…. My weakness, however, is Photoshop. That being said, I’d like to use the bg-corporate.jpg background, but I need the predominant color changed from blue to #e2af3a. Is this something you’d be able to do? If not, is it easily to tell me how to do it with Photoshop? :-) Thanks!


I can do this for you. But drop us an email using the contact form on our profile page-sidebar. So we can have your email to reply with the updated file.


hello, wanted to buy this beautiful template, Go Mobile, but I need to know how the information from the contact form are sent?

Have a php file that comes along?

As the form sends the messages? If it is all html and css …

I await information

Eduardo Sao Paulo, Brazil


Yes a php file is included. Just open it and replace the demo email from the top lines of code with the one you want to receive the messages.


Hello, for some reason all dropdowns on my pages with: Toggle Down…

    Seemed to have stopped working. They are already expanded. Any idea as to why? I have added some jscript calls for a map and also placed a jscript file in a different directed that is only used for a map?


But where is located in your files?

In the files we are only using

<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>

And we not sugges disable that. It will ruin all the code. jQuery is essential for the theme.


As you might see, its pulling it from the web. If i disable it my map doesn’t work… Is there a work around perhaps?

Now I understand what you mean. I have looked your demo url in my email, and saw your mobile theme.

I see there you have added a map code. And included again jquery.

Remember that jquery must only one used.

And the one I am using it’s a new version.

In your added code


 <script type="text/javascript" src=""></script>

You have version 1.6.4/jquery.min.js wich is very old.

So this is the problem. That map was build with that old version of jquery. If you keep it, the other code will not work because the jquery is old.

The theme code is using a newer version of jquery, as seen inside is 1.10

Sorry but you cannot use that old version of jquery.