Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 136
  • Last Modified:

CSS not updating in FF and ipad

If you go to this page: http://inspyrus(DOT)com/solutions/dynamic-discounting/ and resize your browser to the size of a tablet and scroll down to: Unparalleled Innovation

In Chrome you will see an animated graphic (mp4) but the CSS has not changed in FF or on the ipad.  What may be causing this?
0
rgranlund
Asked:
rgranlund
  • 2
  • 2
  • 2
1 Solution
 
Dave BaldwinFixer of ProblemsCommented:
You have an 'mp4' in a container that says <source type="video/ogg" which is a mismatch.  Try getting rid of that and leave just the <source type="video/mp4" line.
0
 
Julian HansenCommented:
You have this in your stylesheet
@media only screen and (max-width: 767px) {
    .video-cover{display: none;}

Open in new window

That is hiding the video box at resolutions below 767
0
 
rgranlundAuthor Commented:
I have  .video-cover{display: block;}

It seems as if my ipad won't update the css as I make changes.  Have you ever run into it or know the solution?
0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
Dave BaldwinFixer of ProblemsCommented:
That's not unusual.  Most browsers cache CSS and javascript files which means they often don't update when you update the main page.
0
 
rgranlundAuthor Commented:
@Dave.  I tried that.  It does not seem like my files are updating on my iPad though.  I may need to look into that first.
0
 
Julian HansenCommented:
Your style sheet has a media query in it to set
.video-cover{display: none;}

The video-cover: {display: block} is being overridden by the media query.

That is why the "animation stopped" when you hide video-cover the image with the static graph is shown
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

  • 2
  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now