Finsweet CMS filtering tag has stopped working in Safari

Design help CMS
1

As stated in the title… the tag [ART on my page] seems to have stopped working but only in Safari. Chrome still functions correctly. I’m not sure if it’s a naming issue or custom code from Finsweet that i’ve pasted into my header.

Here is my public share link: LINK
(how to access public share link)

2

Hi there,

Safari can sometimes render layouts differently compared to other browsers due to its unique rendering engine. Here are some common solutions to resolve Safari-specific layout issues:

  1. Check your flex and grid layouts for explicit width/height declarations
  2. Add the -webkit prefix for Safari-specific CSS properties
  3. Set explicit width and height values on parent containers instead of using percentage-based sizing
  4. Use transform: translate3d(0,0,0) or will-change: transform to force hardware acceleration for smoother animations
  5. If using CSS Grid, ensure you have proper fallbacks for Safari’s implementation

You can also use Safari’s Web Inspector to debug layout issues. To enable it, go to Safari Preferences > Advanced and check “Show Develop menu in menu bar.”

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

1 Like
3

Thanks! I ended up just moving the element above / in front of the section blocking it via the z-axis. That seemed to solve it.