Bug - Slider arrows not responding to display settings

I’ve been working on a slider and the slide arrows have suddenly stopped responding to display settings. They’re currently stuck in a position. They won’t even hide! It’s currently set up with the following:

  • Custom classes for the slide arrow wrappers (.slide-arrow .slide-arrow--full-screen)
  • Custom icons (fa icons)
  • Slide arrow wrappers are set to hide below landscape

See behavior below

I eventually recreated the slider using the default component and got it working. I’m still using custom classes for the slide arrow wrappers, but have left the icons alone.

I’ve submitted a bug report to Webflow, but if anyone else runs into a similar issue you can try my solution.