Kevin Powell - CommunityKP-C
Kevin Powell - Community•3y ago•
6 replies
vince

I don't get Safari

I have 2 pages:
https://fluffy-pasca-93524f.netlify.app/plan-builder/
https://fluffy-pasca-93524f.netlify.app/home/

They both work great on the browsers and devices I tested it on EXCEPT Safari.
None of the properties I'm using should be unsupported; I just updated my Mac so I should have the latest version of Safari.

I have 2 problems:

On the /plan-builder route, the hero image is humongous on my Macbook Air. It seems that unticking 
height: 100%
 from the background image removes that issue, but on every other device and browser it makes it so the background image doesn't take full height of the container (go figure).

The second issue I have is that the hero background image for the /home route does not show on Safari either. It shows up on every other browser.
I thought it was maybe the way I was declaring background: background: center / cover no-repeat url("..."); but I changed it to its invidual properties and that doesn't work either.
Was this page helpful?