Solved

CSS not updating in FF and ipad

Posted on 2016-11-01
6
39 Views
Last Modified: 2016-11-02
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
Comment
Question by:rgranlund
  • 2
  • 2
  • 2
6 Comments
 
LVL 82

Expert Comment

by:Dave Baldwin
ID: 41869334
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
 
LVL 51

Expert Comment

by:Julian Hansen
ID: 41869763
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
 
LVL 7

Author Comment

by:rgranlund
ID: 41870785
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
What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

 
LVL 82

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 41870823
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
 
LVL 7

Author Comment

by:rgranlund
ID: 41870916
@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
 
LVL 51

Expert Comment

by:Julian Hansen
ID: 41871225
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

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now