display none problem

Hi,

"display:none" in this code acts like "visibility:hidden" in that buttons seem to disappear on mobile (what I want) but the spaces are still there, and outline is visible if I hover. I'd appreciate some help. I am new to adding custom code to squarespace. 

// Hiding sections on mobile
@media screen and (max-width: 1300px) {.sqs-block-button-element  {display:none !important;
    }
  }

It sounds like you are targeting the wrong element (.sqs-block-button-element).

Try targeting the element with the .sqs-block-button class. If this doesn't work, please provide a working link to the page so that we can check.

Many thanks. The site is not yet public. https://tarpon-cello-xlcm.squarespace.com/

PW: ground246

I dropped the "-element" in the custom CSS. I am not sure if that is what you suggested. But it did not address the problem. 

Buttons on main content pages form an alternative navigation to header menus. They don't work on mobile, so I want to drop them all. The site does not use buttons elsewhere, so dropping them globally on mobile is fine.  Buttons on first page are not active. They are on the 2nd page on. 

Thank you for the tip; I found the right code and all is good.

Thanks! This works. I appreciate the help.