441 comments found.
Great Mobile Theme ?But how to use it? is there a tutorial video or detailed manual ?
Hi,
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.
Regards.
@ASmiles I am also looking for this feature, some how author can integrate pull to refresh for each slide so the dynamic content is reloaded/refreshed.
Hi,
Will see on the next update of this item if it’s worth adding that function to the theme.
I have uploaded a demo site to a url. Is there a way have a refresh button somewhere in the html, or better still whenever the app/site is loaded it automatically refreshes in case of new information contained within the content please? For some reason on IPhone i still see old info as it is not being refreshed, and unlike a native app there is no auto-refresh if you pull down on the screen and let go…
Hi,
But on your iPhone you did not launched the theme from your home screen. If yes at the begining each time the new content is loaded.
Maybe if tested in browser you need to double refresh to see the new content. But launched as an home screen web app will load the new content each time. You can see that when it’s showing that home screen loading image.
Will study the pull to refresh function and see if it worth adding it to the theme.
Cheers.
Could you please add a menu icon/function for the header bar. Would make this perfect!
Hi,
I guess you want to hide it when you are on a page section? Or showing when you are on the menu section?
I really don’t want to add that header bar on home menu section. It looks too good without it.
Maybe pull down gesture to show that header will be nice. Will see in the next update if it’s worth adding it.
Cheers.
thanks
Could you please look at www.cremationhomes.com/searby.aspx – great theme, except it does not scroll down and stay down – it keeps returning to the top; your advice would be very much appreciated!
Hi,
I think there are some code modifications there that are causing that. You modified the HTML code. Did you use the section ID’s corectly, in HTML and in js code also? Try to follow again all the ID of the sections and see if maybe something was wring added. The slide should work fine.
Also try to update the js files, especially code.js and load.js I have made some important updates to the files. And try to see what did you add extrat to those files before changing them.
Regards.
thanks for the reply – fair enough!
I have purchased and changed the colors a bit. It looks and works fantastic!
One question: I would like to add a link: “classic view” so visitors can go back to the desktop version if they prefer. How can I change the detectmobilebrowser.js to allow it to do that? (At the moment it obviously) switches back to mobile) Thanks in advance!
Hi, thanks 
I don’t think javarscipt can send a variable to your desktop website. Seen some methods but not sure if one of them works.
So the easiest way is to duplicate your main home page, and redirect to the copy of it. And in that copy not to add the redirect js code.
If it was php, it would be easy.
Regards.
Pre buy question:
Can I use the template for load external url pages?
I have a web and i need a theme for load it into mobile design in a container
And can I pack with phonegap the result? Because with phonegap external links are different in android and ios for load content into the same window.. THANKS
Hi,
You cannot load external url pages. I am not sure why you want to do that. All pages/content you want to add must be responsive. The template does not behave like an iframe that loads external pages. In HTML you can do that by using the IFRAME code. But this is not the main purpose of this template.
I do have some users that are working on implementing the theme with phonegap. I think they succeded. The only thing they asked me to provide is a custom contact form that is not in php (loading a php code from an extra file). I can provide that custom form to you too, if you want to use phonegap. I peronally did not test the theme with phonegap, only some users that got the theme.
Regards.
Splash page is awesome for a project i am working on where i can now require user permission to continue prior to main menu. Thanks!
The dropdowns if used with sufficient text or content do not contract if the text expands below the screen. They expand fine. But do not contract… have you tried the dropdowns with 20 lines of text or so with only dropdowns and no buttons below? I also have 3 on top of each other. Maybe i have it wrong?
Hi,
Yes I have tried using toggles with a bigger height content.
Here is the TEST URL I am doing with a bigger height in one toggle in About section.
Please use the updated archive, and refresh your js code. I have improved the code a few days ago.
Regards.
Thanks… that fixed it..
* {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
How can we create a loading progress or show loading image before finish download all object and script file ?
Hi,
There are multiple solutions to add a preloader. The best one I guess is one build with jQuery.
I will try on my next update to this template to add a preloader also.
But remember if using the theme with iphone , saving the page as home screen app, will automatically load the full website when is launched.
Regards.
@mofakfree I included the fix in style.css but it didn’t work for me, still it leaves the same problem.
Try to use the below solution
{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
NEW UPDATES (3 jan 2014)
1) 3 new designs added
use your mobile to test them, or in Firefox use Ctrl+Shift+R for responsive mode, and set it to 320×480
2) Fixed the bug in the javascript files when using toggles with big height content
Read the HELP file under the section “Using toggle with height content on pages” for more details
http://3oojaa.com/123.png how i can hide this ? this show when i hold icons before execute click event’s and go to #link
this error only on : “default browser” on Android mobile
http://3oojaa.com/123.png Mobile Note2
i fix it using -webkit-tap-highlight-color: rgba(0,0,0,0);
Thank’s Good Job,it’s Great template
Hi,
Glad you fix it. Thanks.
I tried your new Code.js and Load.js which worked for one time and now has seemed to have stopped? Any chance of the new files being uploaded. i installed the current ones but they were actually still the old ones that do not scroll with the drop downs….Its becoming a little frustrating as i am using the same dropdowns on 11 pages and cannot progress until it is fixed. Your help would be greatly appreciated
Sorry i should have mentioned. That the scroll does not work with a regular long paragraph of text within the dropdown. It will not scroll beyond a certain number of lines (7 in my case).
Hi,
I am just about to release a new update (later today). Including the 2 js files updated. Also 3 new design skins for this template.
But the 2 js files, I am mentioning in the comments section above ( files beeing on my server), are updated, and if they are replaced on your template it should work fine. It’s been tested with some users, and got positive feedback from all.
Just make sure you add the corect swiperNested4.reInit(); to all the sections you are using toggles. Changing ofcourse “4” ID to the specific page ID you have. See the comment above for details.
Please make a quick test to our demo http://famousthemes.com/gomobile/index.html and try to open the toggles on about page and see that is working perfectly.
I will leave a public comment, and email to all buyers once the updates are aproved.
Regards.
Ok i fixed part of it. You need to find and replace all the code in the Load.js file from the link above that is NOT in your Load.js file currently. Replace ALL your current code in Code.js from the Code.js link above. I then added swiperNested1.reInit(); swiperNested2.reInit(); swiperNested3.reInit(); swiperNested4.reInit(); swiperNested5.reInit(); swiperNested6.reInit();
in the Load.js file at the end where they appear for however many pages i have. I have added them in two places at the end of the Load.js file around lines 184 and 209 in my case. That seems to work with the dropdown for now. But the dropdown won’t contract to its minimized state prior to the expanded state. Did i miss something?
Ok i’ll give it a try with the updated files. Thanks
Hi,
I think the dropdown not returning to the size he was before expanding is caused by the content you add in the toggle. Got nothing to do with the js code I have updated.
Does that happens also on our demo url ? Or only your customized content?
PS. The archive is updated. You can dowload the new files. I have also added 3 new design skins.
Regards.
I fixed it by loading the google JS API first at the bottom where the JScript calls are made. The dropdowns now work and so does the map
Glad you found a solution to use that map.
Yes all js code is recomanded to be loaded at the bottom.
But do you still use the jquery twice? I think it will work also used once.
Regards.
for the contact form we must need a .php file? phonegap doesnt support php files so how to make the contact form work with phonegap?
Hi,
To make the form sending messages you will need php. I can create the contact page .html and include the php with jquery from an external file, but not sure if it will not create the same thing.
If phonegap does not support php at all, just remove the form, and try to add a link in the contact page with
<a href="mailto:youremail@website.com">Send a message</a>
And try to see if mailto: function works on mobile to open the native app for sending emails. Basically try to use the mobile sending email function. Not sure but see if it works.
Regards.
for the contact form we must need a .php file? phonegap doesnt support php files so how to make the contact form work with phonegap?
Great template! Would it be possible to display external page (for example Facebook mobile) inside of template (with header on the top)?
Hi,
No you cannot include that. I did not test that, but I don’t see how it can works.
The template layout must be build following a specific structure. The external pages are diferently build in their structure.
And all content added, if is from an IFRAME for example must be responsive and scrollable.
Regards.
i love the style ! Very nice theme
Thanks
What is the minimum android OS version required to run this template?
Hi,
Depends on the mobile more than the OS version.
I guess all Android versions got support for javascript and jquery.
If your mobile have js enabled, and at least 320 px viewport must work fine.
But considering the variety of mobile models in our days, the best way is to give it a test. Just test the online version.
Regards.
Hello,
I have purchased your template. I cannot scroll down when I have larger than screen content inside a toggle_wrap.
for example…
<div class="toogle_wrap radius8">
<div class="trigger">
<a href="#">Sales Department</a>
</div>
<div class="toggle_container">
<!-- start employee -->
<div class="portfolio_item radius8">
<div class="portfolio_image">
<img src="images/portfolio_thumb.jpg" alt="" title="" border="0" />
</div>
<div class="portfolio_details">
<h4>Employee Name - Job Title</h4>
<p>Employee Bio...</p>
</div>
</div>
<!-- end employee -->
<!-- start employee -->
<div class="portfolio_item radius8">
<div class="portfolio_image">
<img src="images/portfolio_thumb.jpg" alt="" title="" border="0" />
</div>
<div class="portfolio_details">
<h4>Employee Name - Job Title</h4>
<p>Employee Bio...</p>
</div>
</div>
<!-- end employee -->
<!-- and do on.. -->
</div>
</div>
It opens, but I cannot scroll down.
Thanks!
Hi,
Thanks for notice that.
But when you close the toggle the height is normal and the page scrolls corectly right?
I guess you are using a toggle right down on the page and this why you cannot scroll more.
I have analize the js code and update it. Adding on pages that uses toggles an extra height equivalent with the toggle height.
The file I have updated is load.js found inside the js theme folder.
You can:
1. Manually take the code from THIS URL and replace it on your load.js file.
2. Wait for the updated files (the theme archive) from your themeforest account. And download the archive again (all updates are free to download). I have update the theme today but I guess it will take a while until they are aproved.
Thanks.
Hi,
Yes if I close the toggle the height is normal and the page scrolls correctly. The toggle is quite high up on the page, just below the first image, but when I open the toggle it extends below the bottom the total length of the page on screen, and cannot scroll down. If I close the toggle again I can scroll down (but never see what it inside the toggle section further down).
I replaced load.js, as whilst it works (I can now scroll down with a toggle open) it adds a very large amount of white space to the bottom of the page (with the toggle closed even). It is like it has opened all the toggles, and added that amount of space to the main content div.
If I have 4 toggle sections for the departments of staff in our company (i.e. sales, support, accounting, directors), and have 5 – 10 people in each, the page ends up having a ridiculous amount of white space at the end of it.
If it helps I can email you my files? But it is basically what I pasted into my first message above, just more 5 – 10 times more: <!-- start employee --> <!-- end employee -->
Hope you can help !!
Thanks
Hi,
Found a smarter way to deal with toggle contents.
So please go back to THIS URL and take again the new js code.
Also go to OTHER THIS URL and replace the js code from your code.js file found in the same folder as load.js.
Refresh your website and all toggles should work fine now. I even fixed the blog posts auto height when the Load more posts is clicked.
Some guidance to help you develop:
1. On our demo we are using toggles on About page and Portfolio page (the top drop down menu).
In code.js as you can se lower on the page when the toggle trigger is pressed the sections (sliders) I am using them are reloaded
$(".trigger").click(function(){
$(this).toggleClass("active").next().slideToggle( "slow", function() {
swiperNested1.reInit();
swiperNested4.reInit();
});
return false;
});
I am talking about swiperNested1.reInit(); and swiperNested4.reInit();
Keep in mind if you will use the toggle on other page just add the swiperNested1.reInit(); of that page also. They are numbered from 1-9…
2. The same for the toggle used on blog page
$(".trigger_blog").click(function(){
$(this).toggleClass("activeb").next().slideToggle( "slow", function() {
swiperNested3.reInit();
});
return false;
});
I will update all this new code also in the archive available for all users to download in the next days.
Thanks.
<!-- start staff member -->
<div class="portfolio_item radius8">
<div class="portfolio_image">
<img src="images/portfolio_thumb.jpg" alt="" title="" border="0" />
</div>
<div class="portfolio_details">
<h4>Staff Name - Job Title</h4>
<p>profile Bio...</p>
<a href="images/portfolio_thumb.jpg" class="swipebox view_details" title="More">full profile</a>
</div>
</div>
<!-- end staff member -->Hi,
Here is the TEST URL I am doing with your code. Works great to me. I can post a video also if you want on how it looks and works on my mobiles.
PS. Check the new archive available for download. It contains 3 new dsign skins and js updated files.
Regards.
works great thanks !!
Good Job,
Great Mobile Theme
Thanks 
Thank you too
