441 comments found.
do you have any plan to update it
Hi,
There will be updates, but not right now. In the close future.
Regards.
Is this an html/php layout that you can change and use it as mobile friendly or is it a full app that you need to upload to app store ??
Hi,
Yes it’s a HTML/CSS/AJAX mobile template. The php is used only for contact form sending.
You can use it to create a small mobile website, web mobile app(not native in app stores). But can be integrated into a native app using solutions like phonegap.
Regards.
Hi,
I am using this theme and like it very much. However, if the page is longer (i.e. the height of the content is larger than the height of the viewport) when you scroll down the page, if you release your finger then the page automatically scrolls back to the top.
How do we stop the theme automatically scrolling to the top when you release your finger?
Thanks, Jerry
Hi Jerry,
The long height content of the page is dinamically added from a database, or from a drop down?
If yes you need to add in your code the swipernested.reInit(); function.
The layout of the template is automatically calculated in js, just to provide a nice scrolling experience.
You can look for example in code.js how we did that for blog section. When a drop down is triggered that will make the height longer in the page we added that function.
$(".trigger_blog").click(function(){
function fixheighttoogle()
{
swipernested.reInit();
setTimeout(fixheighttoogle, 1000);
}
setTimeout(fixheighttoogle, 1000);
});
Regards.
// load list of people on holiday
if (swiperParent.activeIndex == 4){
function fixheighttoogle()
{
swipernested.reInit();
setTimeout(fixheighttoogle, 1000);
}
setTimeout(fixheighttoogle, 1000);
}
But it makes no difference, the content goes below the fold and when you scroll down and let go, it just bounces right back up to the top.
What am I doing wrong please?
Hi,
You don’t need to use all the function I have as example.
Use fixheighttoogle() only if in your page is a toggle section. Do you have one there?
If not you need to use juse swipernested.reInit();
But tell me exactly how the content on your 4 page looks like? The one you want to fix the height.
Maybe send us your page by email ( sindevothemes@.....Add gmail.com after @.......). We will check your file and tell you exactly what to use there.
Regards.
<!DOCTYPE html>
<head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8” /> <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1” /> <meta name=”apple-mobile-web-app-capable” content=”yes” /> <meta name=”apple-mobile-web-app-status-bar-style” content=”black” /> <link rel=”apple-touch-icon” href=”images/apple-touch-icon.png” /> <link rel=”apple-touch-startup-image” href=”images/apple-touch-startup-image-320×460.png” /> <meta name=”author” content=”FamousThemes” /> <meta name=”description” content=”GoMobile – A next generation web app theme” /> <meta name=”keywords” content=”mobile web app, mobile template, mobile design, mobile app design, mobile app theme, mobile wordpress theme, my mobile app” /> <title>GoMobile – A next generation web app theme</title> <link type=”text/css” rel=”stylesheet” href=”css/style.css”/> <link type=”text/css” rel=”stylesheet” href=”colors/green/green.css”/> <link type=”text/css” rel=”stylesheet” href=”css/swipebox.css”/> <link href=’http://fonts.googleapis.com/css?family=Lato:300' rel=’stylesheet’ type=’text/css’ /> <script type=”text/javascript” src=”js/jquery-1.10.1.min.js”></script> <script src=”js/jquery.validate.min.js” type=”text/javascript”></script> <script src=”js/code.js”></script> </head>
Portfolio
portfolio categories- webdesign work
- painted illustrations
- programming and javascript
Webdesign work
Nullam et scelerisque erat. Cras vestibulum justo…
view detailsMobile development
Cras vestibulum justo eget lorem semper ac facilisis…
view detailsApplications
Sed ut felis non arcu pulvinar molestie….
view detailsPortfolio with round images
Webdesign work
Nullam et scelerisque erat. Cras vestibulum justo…
view detailsMobile development
Cras vestibulum justo eget lorem semper ac facilisis…
view detailsApplications
Sed ut felis non arcu pulvinar molestie….
view detailsHi,
I am sorry but we can only offer support in english?
We do not understand what do you want.
Regards.
Sorry, I want to use blog.html file but do not work alone. I am adding the css files but does not operate. What if you could help I would appreciate distress.
Thank you
Hi,
This mobile template uses ajax to load the secondary pages, like blog, about…etc
To load the secondary pages, you need to open index first. Basically all the pages are sections loaded inside the index page.
To access the blog page you need to open index, and then click on the blog page.
If you want to create a version of your mobile website that have the BLOG as main page, you need to make a copy of index, and add the blog content in it. Like this the blog will be your main home page.
Regards.
Merhaba sadece portfolio.html sayfas?n? çal??t?ram?yorum. S?k?nt? ne olabilir acaba. Toggle menü ve tema çal??m?yor
Te?ekkürler
Hi,
I am sorry but we can only offer support in english?
We do not understand what do you want.
Regards.
Merhaba blog sayfas?nda dropdown çal??m?yor. S?k?nt? ne olabilir acaba
Hi,
I am sorry but we can only offer support in english?
We do not understand what do you want.
Regards.
Hi I am using the Single Page format and I need to detect when a each page is swiped to, e.g when ‘swipeTo(2)’ happens. How do I detect which page has just been loaded? Thanks, Jerry
Hi,
Use this function
if (swiperParent.activeIndex == 1){
....do something when the slider is nr 1.....
}
The slider count starts from 0,1,2….etc
In code.js file we have an example where we used this
onSlideChangeEnd : function() {
//Do something when you touch the slide
if (swiperParent.activeIndex != 0){
$('#header').animate({'top':'0px'},400);
}
if (swiperParent.activeIndex == 0){
$('#header').animate({'top':'-100px'},400);
}
}
There we are adding the header to all pages exept home section.
Regards.
Thanks
I added this
var mySwiperParent = new Swiper('.swiper-parent',{
onSlideChangeEnd : function() {
//Do something when you touch the slide
if (swiperParent.activeIndex 1){
alert('slide 1');
}
})
if (swiperParent.activeIndex 2){
alert('slide 2');
}
}
to myPage.js in the document ready section but unfortunately I get no alerts,
Please could you tell me where this is wrong?
Many thanks, Jerry
Hi Jerry,
Don’t forget about the double equal sign ”==”
swiperParent.activeIndex == 1
I cannot see that in your line:
swiperParent.activeIndex 2
Regards.
Hi, Thanks.
Yes, there is a double equals == in the code, for some reason it doesn’t show up in the code snippet posted here.
I wonder if it is related to onSlideChangeEnd – should it be something like onSlideChange: function {...}
or perhaps it is not in the right place in the javascript…
Sorry to be a pain but thanks for your help.
Jerry
Ah, maybe I have worked it out, am I supposed to change the code in code.js to do what I need?
Thanks, Jerry
Hi,
Yes all the js code needed to be added in code.js file. If this is what you asked.
Regards.
Yes, thanks for your help. Jerry
Hi
I need to provide secure access to some mobile pages, I am thinking of using the Go Mobile V4 template. How would I implement security in that template?
Jerry
Hi,
You can create a secure access with javascript or php.
I think the best way in this case is some javascript code with a form. This will not require a database, just simple form with a simple verification from the user side.
If you want a more mobile user management system you will need to build a php/ajax one. And to store info in a database. Allow users to register, login…etc
Depends on how much you want to restrict.
Are you using the multipage version or the single page one?
Hi, i tring to load a remote file,
usin this code. in index.html works fine
<script type=”text/javascript” src=”js/jquery-1.11.3.min.js”></script>
<script> $(function(){ $(’#botones’).load(‘http://191.168.50.193/prueba.php'); }); </script>but in secondary pages doesnt work
i using phonegap to test in my iphone 5.
PS: i working with go-mobile-multipage
another thing, i add the app in my home menu ios , and woks perfectly the swipe and scrol, but open from phone gap app, swipe doesnt work and movement doesnt smooth.
Hi,
Any custom javascript code for the secondary pages must be inside code.js file under the function:
$(’.swiper-nested’).each(function(){
...................
I am not sure what other modifications you created but the swipe should work fine. If you are creating dinamic content from a database in your app make sure you use the function swipernested.reInit(); corectly. The swipe depends on that. If a page have a dinamic height, getting content from a database, this can variate the height. swipernested.reInit(); just reinitialize the section and allows you to swipe all the content.
Hope this helps.
Regards.
hi, the function swiper-nested doesnt exist in the code.js file, i need to load dynamic content in my web pages
Sorry, my mistake. I thought it’s the one page version. Now I see you are talking about the multipage.
There you have the function “function homenavclick() {...” where the code need to be added.
As you can see there we are adding all the custom functions for the pages.
Regards.
Even when I upload the theme folder to my themes its says that the theme is broken and doesn’t contain the style.css file. Please help. I need to upload the theme and the demo content.
Hi,
Please understand that the item you choose is in the HTML templates category, cannot be installed in wordpress.
Regards.
Hi there,
I’m trying to integrate this template with an app build on html5 and jquery mobile. while integrating, I happened to find that some of the jquery mobile tags like .ui-page, .ui-mobile-viewport are not working properly. Is there an easy way to integrate this template into existing app?
Thanks
Hi,
This mobile template do not use the classes ”.ui-page, .ui-mobile-viewport” because is not build using jquery mobile.
It uses framework7 as main js mobile core. This why those classes will not work.
Is your “app build on html5 and jquery mobile” a custom solution you use or a web one? Try using phonegap or cordova.
Regards.
We bought this template .. we have controls like dropdown radio button ,slider etc do we have css for all controls?
Hi,
The templates includes only the pages you see in the demo.
There is not a form page with drop downs, radio inputs…etc. Only the form in the contact section is included.
Yes you have access to the CSS files, from you can edit anything.
Regards.
Will it supports for Phonegap with all platforms(IOS/android/window) and all devices(tabs/ipads)
Yes it’s been tested on modern mobiles with IOS, Android and Windows (new ones).
If you have a different mobile, do a test to see if it suits your needs.
Phonegap supports any HTML mobile template. So will work on this one too.
Regards.
Hi, I bought your template . I need your help . I’d like to create ( with the template medical) a demo with a result similar to that done by you here http://famousthemes.com/gomobile/preview.html
I would put the “app” in the mask of the phone. Can you tell me the instructions to be included to achieve this .
Thank you Best Regards Fabio
Hi Fabio,
So you need the preview files right? With the iphone and the hand image?
If yes please write us using the contact form on our profile sidebar page, and we will reply with the files.
Regards.
I do not see installation documentation. I cannot find anything in the zip file. Could you please send the installation information?
Thank you
Hi,
If you downloaded the full pack, the HELP file should be there.
We can send the HELP file by email, but we are pretty sure the file is there.
Regards.
Looking to purchase your Go Mobile theme template. Do you have an associated web template for a Product/Marketing website that matches the mobile template?
Thank you
Hi,
Only the templates you can see on our profile page.
But nothing exactly the same as Go Mobile but for desktop only.
Regards.
Hey,
1st problem resolved, I have one more issue, which after searching comments I see another person had, but did not see a resolution. Page bounces back up before bottom icons come into view on menu page. If I change orientation to landscape and then back to portrait, then it will work fine (no bounce) in portrait orientation but still not in landscape. It does this with both the unedited version and my customized version.
http://mywordmin.com/testHi,
So the swipe problem is solved right?
It’s very important to test this with a modern touch enabled mobile with an update operating system. Make sure also the browser is up to date.
We have never seen the bounce problem on our tested mobiles. Can you tell us the name of the mobile, os, and browser version?
The demo url you provided is not working anymore.
Regards.
I have been having a lot of problems with strange navigation issues…. Why do the links only work from the home page and not the sub pages? why do all the links come up as anchor targeted with the # symbol embedded but it is not in the html code to remove it?
how are the style pages set up for other things? why aren’t they done in the style.css page? i have been into the colors style .css file, the js folder and the css folder and none of the files have the .css for some things.
also, why is the contact email not set up in a separate .css file hidden from spammers?! this is something that i am really not content with. it is coded for submit directly in the main .html file!!!! this is bad news.
but my most important concern and one that i am currently still trying to figure out how to debug is the issue with the navigation…..
1 i am not using your home page.
2 the pages are set up to require volleying back to the home page EVERY time to navigate to ANY page within the site and no links on the sub pages function without doing so!!!! and they dont even link back to my home page!!!
the links are coded properly, but because the style sheets are not structured normally, i cannot find where these links are coded to be #index or #about to remove the # .........
I CANNOT LINK TO ANY PAGES, BUT HERE IS THE ONLY CODE I CAN FIND THAT RELATES AT ALL AND I DON’T EVEN KNOW HOW TO CHANGE IT TO MAKE IT WORK FOR EVERY LINK IN THE NAVIGATION OF THE ENTIRE SITE…...
YOUR ABOUT PAGE CODE-
(TOP OF ABOUT PAGE – I had to remove the Home button because it does not link to my home page)
. . .
AND (BOTTOM OF ABOUT – 2 examples of the links code)
AND I SEE SOME CODE THAT RELATES, BUT IT IS OUTSIDE OF MY ELEMENT TO TRY TO CHANGE AND IT IS NOT FOR ALL LINKS –
$('#homebutton').click(homebuttonclick);
$('#contactbutton').click(contactbuttonclick);
$('#menu li a').click(homenavclick);
$('#homebutton').click(homebuttonclick);
Can you please help me fix the navigation so that the # can be removed from wherever they are messing with the functionality in the template code???
Thank you in advance for your time. BTW, other than the bugs that I can’t work around by myself yet, I do like the template of the interior pages. I have not gotten into the functionality of the blogs and tweet feed pages yet, but I am excited in hope about this site!
Hi,
As you notice this template is available in 2 versions.
The multipage version and one page version.
Being an ajax based template, where all the secondary pages are loaded in the main file, the nav is normal to be build like that. That is the only solution for ajax templates.
In code.js file we are creating the pages link
var toLoad = hash+'.html #content';
Entire Site is uploaded on a remote server. I made no changes, uploaded site as is and navigated to it to test it out, Swype never worked. Swype works for slide images on slider skin, but not for nav.
Still having swipe issues? Or it’s fixed. Saw at your latest comment that this was fixed. Can you tell us what the issue was?
Regards.
Swipe navigation does not seem to be working. I have tried it on both android and ios devices, and have tried multiple skins from theme. Navigation only works by touch links.
Hi,
As you can see also on our demo vide it’s working fine. It’s been used by a lot of users with success.
What mobile exactly are you using?
Where do you test the template, on our demo server? On your demo server?
Regards.