Hide floating button when mobile menu is open (7.1)

Hi there - we have a floating button embedded from our customer service software, Helpscout, and I'm trying to hide it under the mobile menu when the menu is open. Otherwise it covers up parts of the menu.

I can get it to work, but then when the mobile menu is closed, it opens under the top header, which is not good either

Any ideas? Open to other solutions as well

Add the following to Design > Custom CSS.

body.header--menu-open #beacon-container {

  display : none;
  
  }

Let us know how it goes.

On 11/4/2022 at 6:32 PM, creedon said:

Add the following to Design > Custom CSS.

body.header--menu-open #beacon-container {

  display : none;
  
  }

Let us know how it goes.

This works perfectly. Thank you so much for the help!