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 */
@media screen and (min-width:992px) {
  div.sqs-announcement-bar-dropzone {
    display: none;
}
}

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

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

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

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

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

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

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

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

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

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

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