How to make the announcement bar visible on mobile only?

#1. All Pages

Use this code to Custom CSS box

/* hide announcement bar on desktop only */
@media screen and (min-width:768px) {
div.sqs-announcement-bar-dropzone {
display: none;
}
}

#2. One Page

First, you need to find Page ID. In my example, it is:

• #collection-6673f2e18432c25013aee99f

Next, use this CSS code

/* hide announcement bar on desktop only */
@media screen and (min-width:768px) {
#collection-6673f2e18432c25013aee99f {
div.sqs-announcement-bar-dropzone {
display: none;
}
}}