ADD THE SECOND ANNOUNCEMENT BAR

Hi, 

Do you know how can we add another announcement bar under the default one (with background color) that fit the screen for MacOS, Window and mobile users? 

Thank you.

It takes HTML and knowing what billing plan you are on to do this, but it can be done. Posting your site url will help get this started.

https://herring-mackerel-ew27.squarespace.com/

PW: bb2024

I want to add another blue announcement bar under the default orange announcement bar (similar to the image below). Thank you. 

You can add another paragraph, then we can give code to style both to new different color, something like this. However if click Close button >> it will close both bars, so you can consider remove X (I can give code)

div.sqs-announcement-bar-text {
    padding: 0 !important;
}

.sqs-announcement-bar-custom-location p:first-child {
    background-color: var(--announcement-bar-background-color);
    padding: 5px;
}

.sqs-announcement-bar-custom-location p:last-child {
    background-color: blue;
    padding: 5px;
}

span.sqs-announcement-bar-close {
    display: none;
}

17 hours ago, tuanphan said:

You can add another paragraph, then we can give code to style both to new different color, something like this. However if click Close button >> it will close both bars, so you can consider remove X (I can give code)

div.sqs-announcement-bar-text {
    padding: 0 !important;
}

.sqs-announcement-bar-custom-location p:first-child {
    background-color: var(--announcement-bar-background-color);
    padding: 5px;
}

.sqs-announcement-bar-custom-location p:last-child {
    background-color: blue;
    padding: 5px;
}

span.sqs-announcement-bar-close {
    display: none;
}

Hi, after using the code my announcement bar changed its color but there was no additional announcement bar added.

See this notice, add it under current paragraph

12 hours ago, tuanphan said:

See this notice, add it under current paragraph

Hi, how can we add another paragraph to the header section?