Galaxy S3 problems

[Jordan Chavis]

hey guys,

For some reason this site displays fine on EVERY device with the exception of the Galaxy S3

Any ideas?

[Bill Robbins]

Hello Jordan,

Sorry for the trouble there. Could you let me know what kind of trouble you’re running into on the S3? I don’t have one to test on, but depending on what’s happening, it may be possible to find a work around.

Thanks,
Bill

[Jordan Chavis]

Hey Bill, I don’t have a device either – but I’ve run it through developer tools and other simulators and it comes out fine

But users with S3s are saying they can’t see any of the navigation or any elements other than the background images

[Bill Robbins]

It may be that the browser doesn’t support CSS animations. You can try this to remove them from smaller screens and see if it helps.

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   @media screen and (max-width: 767px) {
   
   	.fadeIn {
   	  -webkit-animation-name: none;
   	  animation-name: none;
   	}
   	
   	.slideInLeft {
   	  -webkit-animation-name: none;
   	  animation-name: none;
   	}
   
   }
   
   

3. Update your settings.

If you need to, you can adjust the 767px to a larger number to include larger browser windows in removing the animations.

Let me know how it goes,
Bill

[Jordan Chavis]

Thanks! just changed it, will let you know what I find out

[Author]

Posts