3 comments found

  • Exclusive Author
  • Sold between 10 000 and 50 000 dollars
  • Has been a member for 1-2 years
  • Bought between 100 and 499 items
  • Referred between 10 and 49 users

Amazing Good Luck

tristar1983

Thanks LioIT :)

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
  • Spain

Responsive layout functionality is failing. I purchased it and testing it in iPhone. I tested both, downloaded ZIP + live demo here. At first you visit the live demo in portrait mode. And scroll somewhere down (where the 4 information boxes are for example). Now switch to landscape mode. And now go back to portrait mode.

You can see how layout is not behaving as it should and also you get horizontal scrolling.

I request you to please fix these issue and update ZIP so I can download it again.

It’s useless as it is for now.

Looking forward to hear from you.

Thanks

tristar1983

The issue your having is a bug with the iphone and not the template. See the following link for information – http://webdesignerwall.com/tutorials/iphone-safari-viewport-scaling-bug

There is a way to force the change when rotating the phone but you will loose the ability to pinch zoom the website on your phone. You can replace the current viewport meta with this one (as per the link above)

<meta name=”viewport” content=”width=device-width; initial-scale=1; maximum-scale=1”>

carloshermoso

Solution 1: Quick Meta Tag Fix is not functional at all due to loosing the ability to pinch zoom the website on my phone. What do you think of Solution 2: Javascript (same link you provided)? Also, have a look at this other solution please and let me know your thoughts of using it forr your template (http://stackoverflow.com/questions/8380051/what-is-the-iphone-viewport-scale-bug).

Which one of these 2 JS solutions is the most suitable?

Thanks

tristar1983

I haven’t tested the javascript options but from first glance I would suggest the solution 2. The reason I haven’t included a fix for this bug is that once safari sort out the viewport bug the fix will be obsolete anyway. Also if I was using this as a coming soon template I would keep with the solution 1 option as I would think that not many people will need to zoom on a simple one page site.

carloshermoso

With solution 2 you mean the one from stackoverflow ir the one from webdesignerwall? Acording to Google this Safari issue is over half year old si not sure Apple will fix this aun soon…

tristar1983

I was talking about the solution 2 from the following link: http://webdesignerwall.com/tutorials/iphone-safari-viewport-scaling-bug

carloshermoso

Thanks. Will look into it

tristar1983

I’ll give it a try when I get time, I may update the template if it works ok.

carloshermoso

That’d be great (and not only for me). Thanks

carloshermoso

I used Solution 1 and the layout is still failing when switching from landscape to portrait (http://www.sendspace.com/file/fkueas).

I replaced your:

<meta name=”viewport” content=”width=device-width,initial-scale=1”>

with:

<meta name=”viewport” content=”width=device-width; initial-scale=1; maximum-scale=1”>

So what now?

Thanks

carloshermoso

You can see image bg from the right side of div container bggrey clearfix. Is this an issue with the template then? Can you please fix it and check is working for iPhone and iPad?

carloshermoso

I just tested the demo using Google Chrome in iPhone and the same happens even when added the fix you pointed me to. This is just me trying to help you when fixing the template. Now it’s sure the issue is not iPhone Safari related as described in the link you posted.

Thanks

tristar1983

That could be a overflow issue. Add in overflow-x: hidden; to the .container in the CSS like this:

.container { width: 100%; min-width: 280px; text-align: center; overflow-x: hidden; }

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
  • Spain

BTW, doctype used for this template is HTML5. But there is no one single HTML5 tag used for the markup. It’d been nice for the coder to actually use HTML5 tags such as header, footer, sections, etc.

It’s just plain HTML4 the way is coded now…

tristar1983

If you would like to check if the template validates HTML5 please see the link below:

http://validator.w3.org/check?uri=http%3A%2F%2Fclients.derby-webdesigner.co.uk%2Fandromeda%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

If you would like to replace the current doctype with the older HTML4 doctype please feel free, you may have to test that the responsive features work ok however. I would recommend replacing it with the XHTML doctype personally if you don’t want to use the HTML5 doctype.

carloshermoso

I know template validates. That is not the issue I was commenting here. It does validate only cause of the doctype used (HTML5). But I just said that other than using the HTML5 doctype, you didn’t use any real HTML5 markup when coding it. No HTML5 tags were used at all. It is not like if I want to have this is XHTML (and much more less HTML4). Since this is just a homepage I would have liked to see some HTML5 tags (not much of work). Can you consider coding it with real HTML5 and updating the template?

Thanks

tristar1983

I haven’t sold this template as a HTML5 website have I? All the title says is that it’s a “responsive coming soon template” not a “html5 responsive coming soon template”?

carloshermoso

If you are confirming here that you you wanted to code this as Html4, ok then. There is nothing else I can say. Thanks

tristar1983

Why am I confirming I want to code in HTML4? The site works in all modern browsers and validates to a HTML5 standard? This template also has a perfectly good demo which you could looked at code wise before purchase, if you were unhappy with the structure you could have brought another template.

carloshermoso

Thanks


by
by
by
by
by
by