To make the announcement bar visible on mobile only on Squarespace, you can use this CSS code to Custom CSS box.
#1. All Pages
/* 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;
}
}}
