Comments (5)
This is due to site-header using "vh" units;
.site-header {
width: 100%;
height: 80vh;
min-height: 400px;
background-image: url(/assets/img/protest.jpg);
background-size: cover;
background-position: center;
}```
Support in Safari was buggy until version 8: http://caniuse.com/#feat=viewport-units
from stranded-by-trump.
Here's a potential fix in SCSS (as provided by caniuse.com (see previous comment) but I don't have enough Jekyll/SCSS experience to verify if it would work.
https://gist.github.com/BenMorel/e9e34c08360ebbbd0634
from stranded-by-trump.
@talltom Applied that fix in #21 but don't have a device w/ an old enough version to test. Checked out in a few browsers and simulator w/ iPhone5s and iOS10 and it didn't break anything.
from stranded-by-trump.
@talltom Should be merged. Can you check on older devices?
from stranded-by-trump.
Looks great @jvivs @RichardLitt , working on both Safari and Chrome on iOS 7.1
from stranded-by-trump.
Related Issues (20)
- Add analytics
- Logo, concept 001: 3 versions [SVG]
- About Page Copy HOT 1
- If Header Image Load Fails "I'm Stranded" Button Not Visible HOT 2
- Logo, concept 002 FINAL: [SVG] + [PNGx2] HOT 1
- Add attribution for photo to @brianloveswords
- "Updated on" Time is in the future
- Add favicon
- Add list of languages spoken in banned countries HOT 8
- Get list of all representatives and their stances HOT 1
- Add i18n tooling to the site HOT 2
- List of org's to donate to
- Add a link to Project Ellis for those affected in Silicon Valley
- Consider adding information on temporary visas for anyone stuck in Canada
- Add arabic link to homepage
- Add to Internet Archive HOT 1
- Add document
- BernieBNB & Maps Integration for Housing/Travel HOT 7
- Fix load issues
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from stranded-by-trump.