Jump to content

Hide floating button when mobile menu is open (7.1)

Recommended Posts

Posted

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.

IMG_0498.thumb.PNG.3ebbc209c6d0f1299094d6a02a370e27.PNG

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

IMG_0499.thumb.PNG.f565a1747ac49013f1e3240f598ecc46.PNG

 

Any ideas? Open to other solutions as well

Posted
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!

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.