Displaying a Button Group on Desktop Only

gshepard

We have a button group that is set to display only on desktop. The icon for mobile is turned off, but there is no separate icon for tablet. How do we stop it from displaying on tablets?

James

Hi gshepard ,

Thanks for reaching out to us!

You could perhaps use a custom CSS to hide the group on tablets.
Paste this into your WordPress' Additional CSS setting:

/* big landscape tablets, laptops, and desktops */
@media screen and (max-width:961px)  { 
  .buttonizer-group {
    display: none !important;
  }
}

Let me know if this works for you! 😄

gshepard

Thank you James!. We're using the Astra theme. I went to Appearance > Customize > Additional CSS and pasted this code but it did not change anything. Any other suggestions?

/* big landscape tablets, laptops, and desktops */
@media screen and (max-width:961px) {
.buttonizer-group {
display: none !important;
}
}

gshepard

UPDATE
Please ignore my previous response. It is now appears to be working as intended. Apparently there was a delay because of caching after I added the CSS. Thank You again James!

James

gshepard ,

Glad to hear that the custom CSS works! 🙂
We will see if we can implement this as a setting in the future.

If you don't mind, would you perhaps like to review us on WordPress? That would help us a lot!

But other than that, if you ever have any other questions or issues, don't hesitate to reach out to us! We will help you out as best we can. 😃