Streaming live at 10am (PST)

Sticky Footer background color not working in Safari


#1

I'm trying to use a "sticky" footer using Flex Box

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


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:

https://help.webflow.com/article/how-do-i-share-my-sites-read-only-link


#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:


#6

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