6 replies

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

/plan-builder

route, the hero image is humongous on my Macbook Air. It seems that unticking

height: 100%

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

/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("...");

background: center / cover no-repeat url("...");

but I changed it to its invidual properties and that doesn't work either.

KP-C

Kevin Powell - Community•3y ago•

6 replies

vince

I don't get Safari

/plan-builder

/plan-builder

route, the hero image is humongous on my Macbook Air. It seems that unticking

height: 100%

height: 100%

/home

/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("...");

background: center / cover no-repeat url("...");

but I changed it to its invidual properties and that doesn't work either.

I don't get Safari

Similar Threads

I don't get Safari

Similar Threads

Similar Threads

Similar Threads