Hi, I really like the landing page – looks great and easy to customise. I’m wondering how to extend this look beyond the first page – eg. if I want a FAQ page or some secondary content? Is it something I would need to make/adapt, or can you suggest something that we could buy – I guess a Landiin Page 2 template is what I need! Thanks, Iain
For best results you should make the second page from scratch. That said my markup and css is always fairly familiar between my templates. Probably look at http://themeforest.net/item/cuvapag-responsive-software-and-app-website/3905895 if your thinking of piecing pages together.
hello… flex slider makes some problems for iphone.Screen suddenly stop when i touch..i could not fix it..can you help me please.. thanks…
Hi Can you email me your URL?
Hi, I have tested your url and yes the slider is now responding to touch. However the example at http://make-lemonade.co/themes/landiin doesn’t have the same problem, and is working fine.
Have you updated the slider script at all?
no example is the same in iphone…just try to slide it some more it will stop..and does not work again..i think it is because of timer or touch..if we closed the timer or touch it might be ok..but i dont know java script so much..you know better than me
Funny, the example at http://make-lemonade.co/themes/landiin works fine for me.
Open the main.js file and update “touch: true,” to “touch: false,” on lines 7 and 21.
If you can get the site on a server so i can see it, would be a great help.
yes it is ok now..thanks
just they should navigate it by dots..it is better
and can i make dots bigger?
Edit the main.css file, find ”.flex-control-paging li a” on line 385 and update the width and height properties
it is perfect now.. thank you very much
The other issue Im having is main central PNG files (iPhone), and the text area font NOT working on safari at all. Firefox, and chrome are ok, IE shows the main png file but the fonts don’t come across and display as they should. Can you PM your details and I can send you the URL. Thanks heaps
Hi, touch false needs to be updated in the main.js file from touch true.
Can you send me a URL to see your font/png issue
what is ur support email?
Use the contact Author on my profile page, thanks
Hi PowerFoods, I have tested your URL on all browsers and iPhone and can not see an issue with the font.
I di see that you are trying to use the slider markup for a single static image, which is redundant, and also causes a skewing of your image at smaller breakpoints. You should be able to remove the whole “flexslider1” block and still have your site work.
You also need to update the sizing on the “fader” selector in the your media queries for mobile (480px). This will stop the squishing of your image, if you update the height and width to be proportionally correct.
Weird, because myself and several others in the office cannot see the main png file in safari. In IE the fonts don’t come across )I have screen shots). It shows locally and after upload disappears.
I did also try deleting the flex slider 1 block, but it removes all content (including text) and all i can see it white. Keeping the flex slider block seems to be the only way to keep it in place.
Thanks for the note on the 480px res.
If the issue occurs only on the server then double check the file path/name. Make sure its case sensitive, severs are specific where as your local will not care.
Thanks for the great support Kenny! Great job mate!!
great theme. Quick question: Do you also provide an android phone image as I am looking for Android only app page.
Hi paam0101 , Only iphone images are provided. They can easily be substituted for android if you have your own android shots.
Hello, I purchased Landiin for my iOS app webpage and I’m very happy with it.
However I have a problem, when adding the apple meta tag to display the smart app banner (e.g. <meta name="apple-itunes-app" content="app-id=123456789">), and using safari mobile on an Apple iOS device, this banner is hidden and can be seen just if the user scrolls up by chance.
Being Landiin a theme for iOS apps, I believe it is important to fix this issue.
<meta name="apple-itunes-app" content="app-id=123456789">
Can you share your URL please
Sure, this is the app URL: http://splitwizardapp.com You can check it with an iPhone/iPad. Notice that you’ll see the banner just when you scroll up. To see how the smart app banner should behave and remain visible on top of the header try this URL for instance: http://www.facetuneapp.com/
Hi, try disabling the backstretch script by removing the script from your index page and main.js. We can use css background-size: 100%; to replicate what backstretch was doing anyway.
Hi, thanks for the reply. Removing backstretch solves the issue however there is not background. If we remove $("#masthead").backstretch("img/bg.png"); from main.js, which would be the best way to specify the background url and size? I suppose main.css, right? In which class exactly would you add the background?
Ok, I got it. background-size: 100%; was not enough. As a recap, after having disabled backstretch in the index page and in main.js, I added a CSS id specification to main.css
This produces the same effect as backstretch. See also this implementation of backstretch using CSS.
Hi, try changing the background size parameter from 100% to cover.
Maybe this will help: http://www.w3schools.com/cssref/css3_pr_background-size.asp
Sorry missed your earlier reply, good luck
Does this design come with more background images other than the demoed “crowd” image?
No, it is intended that people insert their own choice of image.
well done like it very much;
Hi, I really like your work. I would purchase Landiin but when I test your demo on my iPhone (iPhone 5 iOS 7.1), the screen shots at times stop automatically changing and don’t accept a touch. I can scroll if I touch the page at the edges, but that’s clearly not workable.
The behavior is that I can’t scroll while touching the screenshots until I reload the page.
I was able to prompt this behavior every time I loaded the page. I can’t tell precisely how. I flip through the screen shots, then scroll down. When I return the scrolling behavior is stuck and the automatically changing images have stopped.
If this isn’t an issue I’d confront with my own custom version, I’d happily purchase. great work.
Hi Jack, Sorry for the late reply. Thanks for sharing your work around.
I would like to change the iphone to an iPad, do you have examples for that?
I have no examples of this, however it can be done.
Hi, I successfully replaced the iphone with the ipad.
But now when I look at the site on my ipad the text dissapears behind the iPad picture…
How can I fix that?
Hi Dennis, You will either need to make the ipad slider flexible in size so it can scale or the easier option would be to reposition the text below the ipad when you hit your ipad breakpoint.
I’m very happy with the template however I have a couple of questions:
- My app is designed to be used horizontal and not vertically. I’ve updated the images and dimensions in the CSS and HTML, and added verticle versions of the slider images, however, I’m having difficulty displaying the phone this way. Is it possible to help out with this?
- I would like to include a thumbnail image next to each quotation on the quotes slider. Is there an easy way to make this happen?
Thanks in advance for the help! Great template.
I am having an issue in chrome on iOS where when scrolling and getting to the slider portion, the slider works fine w/ swipes but then eventually breaks and stops sliding and you can even swipe up or down to scroll. Any help is much appreciated.
Please use the iPhone 6 in all your HTML templates so we can buy it.
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.
View license details
Get it now and save up to $4