How do I make the announcement bar visible on only one page?

How do I make the announcement bar visible on only one page?

Please post the URL for the page on your site where you want the announcement bar to appear.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

On 3/9/2021 at 9:59 AM, Monica2020 said:

How do I make the announcement bar visible on only one page?

Add to Design > Custom CSS

.sqs-announcement-bar-dropzone {
    display: none;
}

Next, add this to Page Header (page where you want announcement bar visible)

<style>
  .sqs-announcement-bar-dropzone {
    display: block !important;
}
</style>

On 3/19/2021 at 10:33 PM, tuanphan said:

Add to Design > Custom CSS

.sqs-announcement-bar-dropzone {
    display: none;
}

Next, add this to Page Header (page where you want announcement bar visible)

<style>
  .sqs-announcement-bar-dropzone {
    display: block !important;
}
</style>

 

This was extremely helpful. Do you also happen to have the code where the announcement bar shows on the specific page on mobile? For some reason it's not showing for me...

5 hours ago, herinkprint said:

This was extremely helpful. Do you also happen to have the code where the announcement bar shows on the specific page on mobile? For some reason it's not showing for me...

The code should work. Can you share link to page where you want to show bar on mobile?

It does now! For some reason it wasn't showing at first. Slowly learning I have to let a few hours pass before noticing changes on the mobile site (for some strange reason). Thank you again!

On 1/12/2022 at 11:23 AM, herinkprint said:

Slowly learning I have to let a few hours pass before noticing changes on the mobile site (for some strange reason).

I haven't viewed SS sites a lot on mobile but I've never noticed delays when changes are made to a site.

It is possible there is a cache along your mobile viewing pipeline that is holding onto stuff to reduce bandwidth? Could be a content delivery network issue.

That is something I have to look into. It is possible it is my device that is delayed or the cause behind this. Thank you for the advice.

I want it to show on our website but not on a couple of our pages. What code do I use on those 2 pages?

14 minutes ago, Zyl said:

I want it to show on our website but not on a couple of our pages. What code do I use on those 2 pages?

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.