Sticky Footer background color not working in Safari

Design help General
1

I’m trying to use a “sticky” footer using Flex Box

3234×1207 249 KB

It looks fine on Google Chrome, but background color does not work in Safari. Any help would be appreciated.

3264×1432 356 KB

Here is my public share link:
https://preview.webflow.com/preview/ringer2?preview=ec5d6c7928a993f547eeed6c1be6e167

http://ringer2.webflow.io

2

Please reapply your public share link. It is very messed up. Thanks! :wink:

3

Sorry about that, here is the share link.

https://preview.webflow.com/preview/ringer2?preview=ec5d6c7928a993f547eeed6c1be6e167

If needed, here is the published link" http://ringer2.webflow.io/

Thanks so much.

4

I am seeing the same behavior over here on Safari. :neutral_face: I have no idea what could be causing it.

5

Okay. This was bugging me, and after some digging, I discovered that for the class .footer, you need to turn on “Don’t shrink” under Flex Child settings. Works fine after doing that! :sunglasses:

2 Likes
6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.