441 comments found.
I now have an iframe issue. When i enter directions into form and the directions are displayed underneath in a dropdown, the dropdown ends up longer than the page for some directions. How would i have the page enlarge/lengthen enough to fit all the dropdown within please. e.g. if i ask for directions from Florida to Seattle the dropdown (directions) is longer than the page itself (so i cannot scroll down to see all of the directions). How can i fix this please?
Here is my code: <iframe src="directions/directions3.html" style="border:1px #808080 none;" name="" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="900px" width="100%"></iframe>
If i set the height to 100% it doesn’t work, and if i sett it to 2000px it is still too short and the page looks very long before the directions are shown. Thanks for all your help to date 
Hi,
Let me see if I understand corectly. You seems to have 2 problems with this iframe:
1. You added for the width 100% and it’s not working?
2. You added the iframe in a drop down, and when you click the drop down the page does not extend to see this all height?
Answers:
1. Does this HTML page added in the iframe directions3.html have also some DIV that have a specific width. This can be the problem of not adding the 100% width corectly. It should work fine adding 100% to an iframe if all is corect added.
2. Here the solution is simple, are you using the toggle drop down we have in our demo?
If yes, please see code.js file . Down on the code lines you will see
$(".trigger_blog").click(function(){
$(this).toggleClass("activeb").next().slideToggle( "slow", function() {
swiperNested3.reInit();
});
return false;
});
What that means is when the blog toggle for example is pressed, all content of that blog section is reinitialized with swiperNested3.reInit();
How this function. When you click the drop down, your iframe is adding content in height to our section. We need to reinitialize the slide content, recalculating his height.
So you need to add to your trigger element swiperNested3.reInit(); like we did. Remember that “3” is the section ID in our case. You must add the section ID in wich you created the drop down and the iframe.
hope this make sense, and will easily guide you.
Regards.
Ok i’ll look at it THANKS for the great support. Could you also tell me where google tracking code would be placed please?
Hi,
The analitycs code right? That code must be added at the bottom of index page right before BODY tags is closing
Regards.
Presales Question:
Regarding the “launch it as an app” how exactly does this work?
Can we allow our site visitors to download an app or icon that opens our site in their mobile browser?
Also, is this feature OS specific or is it cross OS compatible (iOS, Andriod, Win8)?
Thanks!
Hi,
This features is available especially for iOS mobiles, iphone, ipad…etc
You don’t need to download an app. You just need to load the website normally first time using the normal browser. Then save the website on home page. And your phone will save in this time a small icon to your mobile desktop. Exaclty like an normal app icon looking.
Next time you want to load the website just click that icon, and you mobile will load it as an web app. Not in browser, but in full screen mode.
This is called a “web app”. The downloading apps are called “native apps”
The key element of our theme is that is build all on one file using jquery, and you will navigate in pages feeling like in an actuall native app.
Hope this helps.
Regards.
Is there a way to link an external button from a different web (external) page to a specific page in the template please? Such as a link here which links to a page in the html of the template this link (not working) is trying to get to page 2 in the template?
<a href="#" onclick="index.html/swiperParent.swipeTo(2);"><img src="images/locations.png" alt="" title="" /></a>
Hi,
I am afraid you cannot do this. All content being in one file only, the action take place inside.
Regards.
I need to put something in a page but it starts with:
<body onload="initialize()"> and ends with /body which of course is already in the theme. Could explain how i would get this into a page without the body tags please?
Its ok i fixed the challenge with an iframe (as much as i didn’t want to)
How to add additional fields to send email. I edited my php at the top and at the point of entry fields in a contact, but the system does not send a new field. Always empty.
And just one more, I added a video, but showing me only a black field.
Hi,
If you want to add more fields to the contact form, make sure you add all the php code corectly.
You need to edit the top code, and also the form code, adding the variables for the inputs with custom names. Should work fine if all the php code is added corectly.
2. Did you used videos from youtube/vimeo or other sources?
Hello and thanks for a great product
How would i use this:
<a href="#" class="button_12 orange orange_borderbottom radius4">Button 1/2</a>
to link within the document using the “swipeto” command. I would like to use the colored buttons to be able to link to pages within the document. Thanks…
Got it! you just need to contain the “swipeto” within the “href” brackets. Example with a long orange button:
<a href="#" class="button_11 orange orange_borderbottom radius4" onclick="swiperParent.swipeTo(3);">Back To Your Page Within The Site</a>
Just substitute the “3” for whatever page you need…
Hi,
Thank you
That’s correct. Thanks for pointing this out, I am sure it will guide others too.
Regards.
Hey Guys!
I just got your template working on a mobile site I’m developing. Just a quick note of encouragement – it’s awesome! Nice work! I left a 5 star review
One thing I need help on though. The contact form isn’t working for me. I’m using index.php and I’ve included the javascript reference to form.js in the footer region. I’ve also included my email address in the ”$emailTo” line. What’s interesting is that data validation is working ok (if someone doesn’t include all fields it notifies the user). Can you take a look at the source code and tell me if I’m doing anything wrong? Here’s the link to it
Thanks!
-Phillip
FamousThemes, could you please reply?
Hi,
Sorry for the late response. Looking at your link I cannot see the contact form. If I click Request App. it sends me to a page with no form. So on what section/page your form is?
In code everything seems to be ok. Please check your spam folder also.
Regards.
I uploaded to my wordpress site and the theme is blank on the themes page and when I activate it the published page shows nothing. what am I doing wrong?
Hi,
Well as you can see Go Mobile is an HTML/CSS item. Why do you want to upload this into Wordpress. Sorry for this, but you should be carefull when choosing your items.
Regards.
I am developing an iOS app and I wanted to use this theme to build a web app to work with it. I thought I could build it with wordpress and use it as a mobile version. I am new ti this so I did not know it could not be built with WP. It was only 11 dollars so I am not out much. I will do some research and see how to use it with HTML/CSS.
Issue with template. I uploaded just the default files to my site for testing and realized there is a margin on either side of the page. It could just be my phone I’m not entirely sure. I am running safari on IOS 6 not 7 on a iphone 5. (Don’t want to convert to 7 yet.) But I need to remove that margin so to use all the screen space.
My test site is hosted here. http://live-race.com/mobiletest/
Below is a picture how it looks on my Iphone.
Hi,
Looking at your source code I can see that you have included the theme inside an IFRAME.
<frameset rows="100%,*" border="0"> <frame src="http://www.dweimert.com/live-race/mobiletest/" frameborder="0" /> <frame frameborder="0" noresize /> </frameset>
Did you tested the theme without that frameset ? I think this is causing your margin spacing.
Regards.
I have an interesting question. Do you know is there a way to put a link on your site so that when clicked it will automatically add a link to your iphone/android to the site? As mentioned in the help file but automated so that the user just needs to click a button\link.
Thanks,
Hi,
Yes your question is interesting.
As we know there is no solution to create a link/button to connect with the mobile soft and do that “Add to home screen” action.
If you search the web for something related to this you will only find solution that will guide the users on how to do this. Just like this popup found HERE
We will continue to do some research about this, and maybe we will find a solution in the future, because this is interesting to do.
Regards.
Hello, It’s a strange English because google translated in Japanese, but I’m sorry. First of all I would like to thank this great template, it is very simple and easy to use. However, there is one problem. From not setting e-mail, and changed the address of the cousin of the PHP pages, but it does not move at all, I’d like advice on this myself an amateur.
Hi,
First as I can understand you are using the .php file and not the HTML file right? The form will only work with the php file and only tested on a web server.
If you added the corect email adress should work fine. Did you made other changes in code? Or what message did you receive once the form is submited?
Check also your spam folder in email.
Regards.
could i use these themes in jquery mobile
Hi,
No, this theme is not build using that jquery mobile framework. I guess this was your question about. It’s not a theme for that.
Regards.
Hi Guys – I’d love your help. Very simply want to copy “single without kids” to all pages. But when I copy the page content precisely it doesn’t work. I’d love to know where I am going wrong.
steaklab.com.au/ctm/test/mobile.html
Hi,
I cannot find the url you are showing. Can you please check to see if the adress is allright.
Regards.
Is it pure css/html ie no framework like phonegap or something else ?
Hi,
Yes it’s pure HTML/CSS and JS
Regards.
I meant bootstrap instead of phonegap. I guess the answer is the same
Yes no bootstrap. I have build my own framework, much easier and light. The CSS layout is very simple. I don’t see the point of adding an extra framwork here.
hello nice work, not so much theme of this kind on TF!
is it suitable for a tablet app?
Hi,
The theme is more for mobile devices. Tablets have now very big resolutions, I am considering tablets almost as laptops.
The mobile theme code starts as a responsive code from 800 px and down. So it should work fine on tablets with viewport lower than 800, like 768 how all ipads have.
Give it a test, you have the online demo. If you like it you can use it also on tablets.
Regards.
Thanks for the answer I’ll give it a try. I’m having hard time finding a theme suitable for tablets!
Do you have more pages and widgets in the roadmap?
Yes, I have in plan releasing new design skins also. Including some new pages and new widgets.
nice! any ETA ?
Yes, around the middle of march. We are just getting ready to release a “church WP theme”, and after that we will release the mobile updates too.
Regards.
The current setup consists of 8 horizontal slides. Currently, some of the slides load dynamic content when a search button is pressed. The page height will not auto-adjust as the dynamic results populate that particular page. Also, the dynamic content is not responsive because it does not resize the container height percentages correctly on various screen size.
The result is that the swipe will continue indefinitely causing an infinite scroll effect. Thus the more I swipe the screen, the longer the height in swiper-container runs off screen.
Sytle.css has the setting for the swiper variables:
.swiper-container{ width:800px;height: 100%;}
.swiper-wrapper{height: 400%;}
.swiper-slide{height: 400%;}
.slide-inner{height: 400%;}
.pages_container{height: 500%;}
.contact_page { height: 120% !important;}The percentages are not auto adjusted and will not reflect when the search dynamically adds content.
Hi,
The slides height function like this:
1. When first launching the js code calculates the content that is available at the loading point for all slides, and build the height value for each slide.
2. When dealing with dinamic content, yes the height is modified. But the slider js is not. So he cannot calculate again the new height, only if you let him know. Meaning reinitialize the slide js.
3. You can do that by following the example I have on my demo , when dealing with toogles. It’s the same principle, when a toogle is pressed the new heigh is calculated.
4. Open code.js file from the js folder inside the theme. At the bottom are the examples I am mentioning for the toogles
See:
$(".trigger_blog").click(function(){
$(this).toggleClass("activeb").next().slideToggle( "slow", function() {
swiperNested3.reInit();
});
return false;
});
Bascially there when trigger_blog is preseed the specific slide is reinitialized – swiperNested3.reInit();
5. Do the same on your case. When the search button is pressed, or after loading the search content, do the swiperNested3.reInit();
In your case “nested nr 3” will be the slide nr of your content. And try to link this function to the search button, or a function you have in your code that is telling you the search results are loaded.
Hope this helps.
Regards.
The fix you suggested did not work. In the code below, the toggleClass was already called when the search button is called where swiperNested1 is the slide. I added the swiperNested1.reInit() after completion of the dynamic load. The effect was that the entire application reload at the start slide.0. When I right swiped to slide 1, nothing had been loaded and that was also reset.
<HTML BUTTON CODE> <form onsubmit=’return filterRestaurants();’ id=’restaurant_filters_form’> </HTML BUTON CODE> <CUSTOM SCRIPT> function filterRestaurants(){
$("#limiter").val(0);swiperNested1.swipeTo(0);$("#restaurant_filter_button").toggleClass("activeb").next().slideUp("slow"); <-ALREADY IN CODE$.post(sessionStorage.host+"/Control/getRestaurantResults.php",$("#restaurant_filters_form").serializeArray(),function(data){$("#restaurants_query_results").html(data);$("#view_more_restaurants").html("more results");$("#limiter").val(20);}).complete(function(){swiperNested1.reInit(); <- ADD BY ME BASED ON YOUR INPUT});});
return false;}
</CUSTOM SCRIPT>
Let me know where I’m going wrong.
Hi,
I can see you are adding swiperNested1.swipeTo(0); right at the begining there after $(”#limiter”).val(0);
Why is that? You want to slide the page up right?
That swiperNested1.reInit(); after complete function seems to be ok. It should do the job.
It’s quite complicated to tell without seeing all the code you are using there. But my idea should function.
Regards.
Thanks for the feedback it helped. For setting the css heights, is there a better way than this to ensure that the auto load content meets responsive design criteria?
I posted 2 example functions below for setting the various heights for the swiper app. It’s still not perfect but it’s better than before.
It’s tricky getting the height dynamically correct as it has to auto adjust for search and “add more options” features.
thanks
function viewMoreRestaurants(){
$.post(sessionStorage.host+"/Control/getRestaurantResults.php",$("#restaurant_filters_form").serializeArray(),function(data){$("#restaurants_query_results").append(data);var cur_limiter=parseInt($("#limiter").val());var next_limiter=cur_limiter*1;next_limiter=next_limiter+20;$("#limiter").val(next_limiter);}).complete(function(){$("#page_1_div").css("height",'140%');$("#swiper-container1").css("height",'100%');$("#swiper-wrapper1").css("height",'400%');$("#swiper-slide1").css("height",'100%');$("#swiper-inner1").css("height",'140%');$("#pages_container1").css("height",'140%');$("#restaurant_pages_container").css("height",'120%');swiperNested1.reInit();});return false;}
function showHideFoodOptions(){
$('#more_food_options').slideToggle('slow');if($("#more_cuisine_href").text()=='More Food Options'){$("#more_cuisine_href").text("Fewer Food Fewer");}else{$("#more_cuisine_href").text("More Food Options");}$("#page_1_div").css("height",'140%');$("#swiper-container1").css("height",'100%');$("#swiper-wrapper1").css("height",'400%');$("#swiper-slide1").css("height",'100%');$("#swiper-inner1").css("height",'140%');$("#pages_container1").css("height",'140%');$("#restaurant_pages_container").css("height",'120%');swiperNested1.reInit();}
Thank you for resolving my issue for me. Your customer service is the best and I will be buying from you again and I will recommend you highly to others. You did not have to all that you did to resolve my issue. You could have just left me hanging, but you did not. Thank you again for everything!
Great theme, does it works with phonegap?
Hi,
Had a few users that integrate this with phonegap. Like I said in the prev comments, the only issue they had was with the php of the contact page. But I have provided them a custom contact page that is loading php form an outside source. I guess phonegap does not support php files.
Regards.
HI, it is very nice . I want to purchase, Can you Sidebar menu , after entering into home page? exactly, initial screen is like app page, after entering into any page , the whole menus should me display as sidebar menu.
Thanks
Hi,
The menu is a slide entry. You can arrange it to be one slide, the 1 one, the 2 one….etc But not add it as a sidebar. You can go to the menu by clicking an icon in the pages header.
Regards.
Hi,
I’m a bit confused, cause i can see only “About us” in the left up corner, rest is white. Swiping to right, pages seems to be normal. Just the main page, looks very ugly.
I’m using htc one x with browser version 5.3.606061
Hi,
Can you please tell if this is happening also to other skins designs, like metro style for example http://famousthemes.com/gomobile/index_metro.html
If not, I think the browser you are using do not read CSS strech image code from the main default green skin.
I have a few Androids mobiles but works fine to me.
Regards.
Hi, it happens also to your Metro style you sugested… Dont Know it i should by this template, want to be shure it works at least in my phone… I have Android 4.2.2, HTC One X, swiss
Hi, i testet Witz chrome, that is working, looks like browser is für problem, but don’t know which problem…
Hi,
If the metro style version looks the same, it’s definetly a compatibility issue with the browser you have on that phone.
I will try to make some test with that browser version as soon as I have one in my hands.
Regards.
Hi, I can sell you my one … ... Just kidding…
Thx4urEffort
I have enough mobiles for now
You are welcome
hello, I’m Eduardo de São Paulo. Bought the template Go Mobile (gorgeous) but I’m not knowing configure outgoing email via the contact form.
I opened the index.php file and just insert my email asking where. Also open the index.html and insert between the quotation marks ”” <form action “http://www.mywebsite.com.br/mobile/index.php”
It would be just that to do? because in the help file does not explain about the form and its configuration.
Hi Eduardo,
If you decided to use our php contact form, you definetly need to use only index.php
So all HTML files are ignored when using index.php. Index.php will be the final file you will use as main page.
The index.php file we have created as demo is the defaulf green theme. If you want to use other color you need to transform the respective html color file into a .php file and add all the code you see in the index.php file.
And to test the index.php file you need to upload the file on a server, online.
And if you change the email adress from the top lines of code inside index.php file it will definetly work.
Our working demo for this php file is http://famousthemes.com/gomobile/index.php
Hope this helps.
Regards.
Hello, how to integrate it as a mobile version of my site? need to add any site content in the mobile version? Thank you.
Hi,
Well yes you need to add the content you want to be available for the mobile version.
And after add a redirect code from your desktop website to the mobile one. It will detect mobile users and automatically redirect them to the mobile url.
We can provide you the redirect code also if you want.
Regards.
