Change colour of mobile information bar

Site URL: https://brass-raspberry-tyxt.squarespace.com/

Hello,

Does anyone know how to change the colour of the mobile information bar please? You seem to only be able to choose from a light or dark theme but i'd like to change to a custom colour. 

Thanks 🙂

Add to Design > Custom CSS

/* Mobile info bar */
.sqs-mobile-info-bar-dark .sqs-mobile-info-bar-overlay {
	background: green !important;
}

On 2/19/2021 at 9:52 AM, tuanphan said:

Add to Design > Custom CSS

/* Mobile info bar */
.sqs-mobile-info-bar-dark .sqs-mobile-info-bar-overlay {
	background: green !important;
}

 

I copied the code verbatim and the mobile information bar is still default black (website: https://www.latrobeyouthspace.org.au/)

try this:

.sqs-mobile-info-bar-dark {
	background-color: green !important;
}