Im trying to figure out why we randomly misses images when looking on mobile safari and desktop safari. Google Chrome is always working for me.
Is this a bug or is there anything i can change to make it render all the images. It is totaly random and never had this problem before.
http://www.fantasticfrank.se/stockholm/till-salu
Related
On https://f860ffcc56.nxcli.net/. I have a smart slider piece at the very top of the website with a simple animated Font Awesome downward chevron. On pretty much every browser (FireFox, Chrome, Arc, Brave, Edge, Opera, etc...) it is showing as expected. On Safari however it is not showing up. As far as i can tell it is not a z-index issue but i really am stumped on this one as to why it isn't working. I've tried changing the way Font Awesome is being loaded with no avail.
Can someone help me understand why certain things aren't working on safari but do on chrome?
These are apparent on both mobile and desktop.
So here is the website I'm currently working on: http://stage.coefficientlabs.com.s3.amazonaws.com/index.html
Problems:
1. The hero video plays smoothly on Chrome but not on Safari.
2. (main issue) Once the "Get Started" button is clicked, a modal appears. All the styling and content seemingly hidden(?) on Safari but not on Chrome.
Any idea what is going on here?
Thank you!
Turns out the issue was "overflow: hidden". I think is a known difference for Safari in general.
I am trying to make a website and was looking at this template (http://www.uipasta.com/wordpress-preview/rolling/).
I really liked the "testimonials" part and was trying that on my code.
However, I realized that "testimonials" part works totally fine on Chrome with any browser size, but not on Safari.
All the elements of testimonials get overlapped on Safari when I first open it up... It's funny because if I shrink or enlarge the browser and keep doing it like that, the elements stop overlapping and work perfect like on Chrome.
I tried to modify some stuff in css files and tried to find a bug.
But, all the attempts failed in vain... Can someone help me out with this?
LOL I can't even upload more than 2 links yet, because i don't have enough reputation... Here is how it looks on Safari, https://i.stack.imgur.com/kza7d.jpg
but yeah that's how it looks on Safari when it should be clean carousel moving objects.
I have a problem with images being blurry and crispy in internet explorer. Sometimes it happens in Edge too. I first thought it was because some of the images was being resized by the browser, but I have tested it without forcing the browser to resize and than does not trigger the problem.
Anyone got any ideas how to fix this?
See examples here
On a slider I have on my site, for some reason iPhone users are reporting that the text in the main slider (royal slider) isn't displaying. I've tested it in multiple online simulators (but they've probably just been restricting the size, rather than using the iPhones rendering engine) and have yet to replicate the issue.
It works fine for me on Android devices, but can't figure out what would stop it from showing on an iPhone.
Any ideas why?
Here's the url Issue is in the main slider in "Breaking" news section
Thanks!
It seems the royalslider.css file is telling the <a> containing the text to hide in Safari (desktop and mobile) browsers. Check Safari on the desktop and you'll see the following CSS on line 29 of royalslider.css.
-webkit-backface-visibility: hidden;
You'll probably want to override the value in your CSS file.
Here's some info on backface-visibility