Hide a Toolbar Button when viewing on a phone?

#1

I’m trying to use css to hide Mat’s SideEditor button when viewing my wiki on my phone, but it’s not working for me. Here is what I have tried so far. Any hints?

@media screen and (max-width: 376px) {

.tc-btn-\$\:\/plugins\/TWaddle\/SideEditor\/Button {
  display: none  !important;
}
.tc-btn-$:/plugins/TWaddle/SideEditor/Button {
 display: none !important;
}
.tc-btn-%24%3A%2Fplugins%2FTWaddle%2FSideEditor%2FButton {
  display: none !important;
}

}
#2

Ok so this works:

button[class*=SideEditor] {display: none;}

Which selects any button that contains at least one occurrence of “SIdeEditor” in the class string.

4 Likes