A friend of mine has asked me to take a look at her website - http://www.nails-more.co.uk
The slider right at the top of the homepage isn't showing on Safari on the iPhone 5 running iOS 6.1.4. This is where it gets strange. It works fine on my iPhone, but not my friend's - which is exactly the same with the same settings etc. Have tried the usual clearing history, rebooting etc.
This is a comparison of how it works on one device but not the other identical one -
It seems to work perfectly in all other browsers. Have tried a Safari iPhone simulator online and that works fine (found the link on here somewhere).
Does anyone know what the issue can be?
Bit hard to tell from screenshots but I can replicate what you're describing by disabling Javascript (Settings > Safari > Javascript OFF).
Related
OK. This one has me stumped. It's a "asking for a friend" type of question.
My wife is an artist. She uses GoDaddy as her hosting service to display her work. She uses their tools. She's created a website and several of her paintings are there.
Her computer is a 27" iMac with MacOS 10.15.7 Catalina, retina display etc.
After she's done, she goes to her website and some pictures of her work have the wrong size.
ALL THREE BROWSERS-> Firefox, Chrome and Safari.
And this is after blasting all cookies/caches etc. (everywhere)
When I look using my home computer (Linux Mint) with either Chrome or Firefox, it looks OK.
When I look using my work computer (Windows 10) using Chrome, Firefox, Edge and Explorer, it looks OK.
When she looks with her MacBook laptop using Firefox, Chrome or Safari, it looks OK.
So it's only on her computer that the website looks a bit funky. Strange thing is that when she uses the GoDaddy website to create/modify her own website, the "preview mode" looks OK.
It's only when she actually points any of her browsers to her website does the rendering behave strangely.
GoDaddy tech support suggested the usual "clear cache/cookies/whatever and reboot". Same problem.
I tried changing the IP address and MAC on her computer but there is no difference.
Ideas?
it may be of high resolution, the responsiveness of the screen varies between different screen size
This can happen because of many things like -
Using Extensions or other apps in browsers can cause this issue.
Open the site and right-click on the site and click on inspect where you find changes and see the code and refer to your code whether there is any change? if there is a change then this is because of Media queries that have a breakpoint based on the screen width.
If the above ones are not the issue download a fresh copy of the browser and open the site then check and inspect.
Then goes on to say look in console. Problem is it works fine on desktop, no problems at all. It was also working fine on mobile 2 days ago and no changes. So on mobile there is no console. I have even tried Googles example # https://developers.google.com/maps/documentation/javascript/examples/marker-simple with obviously my API key and the same problem, works fine on desktop in all browser but not on mobile in either chrome and firefox. Thing is I am also getting the same problem with recapture (just spins forever), works fine on desktop but not on mobile chrome but works on mobile phone with firefox. This is driving me crazy. I have tried tow different phones.
OK ended up creating a new API key and it works, may have been something to do with a long list of credential addresses that I had on that api, no idea.
I have been developing a website for a client this past week and he tells me the site works fine on chrome but not on safari.
Unfortunatly I do not have an apple device but the site works fine on all the browsers my end!
Here is a video showing how it looks on Safari:
https://a.uguu.se/l0yAhSOlet1C.mp4
Not sure what more I can do to it but I'm pretty sure it's not my code!
Many thanks for any suggestions.
Phillip Dews
I found that the problem is definitely not in your code, it is a know issue I quickly searched on Google and I found that there are quite a bit of people that experience this issue I think probably because they are running an older version of Mac OS.
Here are some useful links you can read and inform your client:
A lot of people have similar flickering patterns.
Link 1
Link 2
Link 3
I got a really strange problem, and after so much tries and research I can't get out of it.
I have a website, but SOME (just 5% of visitors) people with the SAME version of chrome, see the text flowing out of divs and text overlapping. It's very strange because I tested the website on all chrome browsers using browser testers, without any problem. And in internet explorer or firefox this problem never happens...
A page is located here
And here are some screenshots of what SOME people see (maybe you won't see this in chrome)
click here
Maybe it is because of the font face I am using? Or maybe some bad coded CSS?
Please help me out of this!
Thanks a lot!
I see you use .svg font. Recently I was hunting some Chrome font rendering bugs and saw this:
http://code.google.com/p/chromium/issues/detail?id=95102
This seem very similar to issues you are having. You could try to serve some other font type to Chrome and if this would fix that.
If you don't want or can't serve some other font type to Chrome, the only thing you can do is wait until Chrome version 24 is out to all users which should be soon (I can't find any announcement)
I tested it in
Chrome 23.0.1271.97 m
Chrome 26.0.1371.0 canary
Chromium 25.0.1334.0 (169326)
# Windows 7 x64 and your page seems fine for me.
http://wilwaldon.com/itsbroken/stay.html
If you could take a look and tell me if it works in Safari that would be awesome. A screenshot would help if you find a bug. According to Adobe Browser Lab it looks fine, but according to my friend with a mac it's all sorts of messed up (the second tier's messed up, the vertical lines after the links look offset about 7px lower than the menu).
And supposedly it works fine offline, but not when viewed on a live server. There's something fishy.
Works for me, Safari 4.0.4 and WebKit r52951 on Mac OS X 10.6.2.