Remove Announcement Bar

One Page

Add this code to Page Header Code Injection and click Save

(If your site doesn’t support Code Injection, you can add code via Code Block)

<!-- Remove announcement bar - one page -->
<style>
div.sqs-announcement-bar-dropzone {
    display: none;
}
</style>

Add these codes to CSS Custom Box and click Save

Desktop Only

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

Mobile Only

/* Mobile only */
@media screen and (max-width:991px) {
  div.sqs-announcement-bar-dropzone {
    display: none;
}
}

Blog Page (list)

/* Blog Page (List) */
[class*="type-blog"].view-list div.sqs-announcement-bar-dropzone {
    display: none;
}

Blog Post

/* Blog post */
[class*="type-blog"].view-item div.sqs-announcement-bar-dropzone {
    display: none;
}

Event List

/* Event list */
[class*="type-event"].view-list div.sqs-announcement-bar-dropzone {
    display: none;
}

Event Detail

/* Event detail */
[class*="type-event"].view-item div.sqs-announcement-bar-dropzone {
    display: none;
}

Shop/Category

/* Shop category */
[class*="type-products"].view-list div.sqs-announcement-bar-dropzone {
    display: none;
}

Individual Product

/* Individual product */
[class*="type-products"].view-item div.sqs-announcement-bar-dropzone {
    display: none;
}

Cart Page

/* Cart page */
body#cart div.sqs-announcement-bar-dropzone {
    display: none;
}

Homepage Only

/* Homepage only */
body.homepage div.sqs-announcement-bar-dropzone {
    display: none;
}

Other Pages (exclude homepage)

/* Other pages, exclude homepage */
body:not(.homepage) div.sqs-announcement-bar-dropzone {
    display: none;
}

On Scroll Only

/* On Scroll Only */
header#header.shrink div.sqs-announcement-bar-dropzone {
    display: none;
}