When viewing the website on firefox and chrome, it looks fine. But viewing it on safari, it shows the mobile version of the site. Why? I havent changed the css for the computer screen when I worked on the responsive design for the mobile.
www.retorikgruppen.se
October 1 SO suddenly started showing Mobile SO on a stock safari Version 7.1 (9537.85.10.17.1). This has to be coming from SO redirecting to the mobile version of their site.
Related
We have developed a website (only designed for mobile platforms) but we are experiencing a rare failure.
The webis in this URL https://mercadona.mandarinawebs.com
In the website you can find a menu and there is the problem.
This is how it looks in Chrome (Android)
And this is how it looks in Chrome (iOS)
As you can see, the menu is not showing in iOS.
All the animation are in webkit.
It doesn't work on iOS for safari or for chrome but it works on Chrome for Android. This is strange becouse I understood that the interpretation of the website was made by the browser not by the OS.
I suspect it has to do with some of this but I am quite lost
Thank you
There is one class (scroll-in-mobile)
that contains this:
-webkit-overflow-scrolling: touch;
Deleting this the problem is solved and it works for Android or iOS.
I have a website built from a template using bootstrap.min.css for the navbar, it was functioning perfectly a few days ago and has suddenly stopped working only in Chrome desktop. It functions fine on Chrome mobile and all other desktop browsers. Does anyone know if Google changed code that I need to adjust for? Thanks in advance.
I have the following website which I developed a custom wordpress theme for using bootstrap and ubermenu for the menu: http://xtremenutrition.co.za/d-base-staging
Menu alignment looks fine in Chrome, Firefox and internet explorer. Safari on an Apple machine is an issue, where it goes over the logo and if you resize the browser (before the mobile breakpoint), it doesn't look right.
I need help from someone with an Apple and safari computer. Seems I need advice on CSS to recitfy the problem. I'm not sure how to tackle this and what's worse, I have a windows machine only.
Any advice on code/sorting it out would be greatly appreciated.
Thanks.
A visit to my site http://instowarms.com will reveal the issues.
The homepage (which has some parallax going on) won't scroll down in Safari on desktop or iOS (latest versions) - tested on iPhone 6.
It is a Wordpress site and uses Revolution Slider plugin as part of a purchased Theme from Envato - the designer is really poor with support!
I really hope someone can help...
Many thanks :)
I'm having a very strange issue. A site i'm developing displays perfectly in Chrome, Firefox, IE8+, Safari 6 and below but in Safari 7 on Mavericks ONLY the website displays as it should on a mobile site.
This is the site: http://dev.silvercreativegroup.com/op/
I've tested this on 3 machines running Mavericks with the same result. I've tried changing the DOCTYPE but that did not do anything.
Any ideas?