Mobile Info Bar
Mobile Info Bar Selectors
Use these selectors to target mobile information bar elements.
Selectors work with Squarespace 7.1
Knowing the basics of CSS is recommended
Helpful starting points: Visit the free plugin library for pre-applied styles and helpful starting points for styles and customizations.
Mobile Info Bar Container
.sqs-mobile-info-bar-triggers
Mobile Info Icons
.sqs-mobile-info-bar-trigger-icon
Mobile Info Bar Text
.sqs-mobile-info-bar-trigger-label
Close Icon
.sqs-mobile-info-bar-overlay-close::after
Close Icon Background
.sqs-mobile-info-bar-overlay-close
Map Content Container (Background)
.sqs-mobile-info-bar-address
Business Name
.sqs-mobile-info-bar-overlay-content .sqs-mobile-info-bar-address [data-type=addressTitle]
Address
.sqs-mobile-info-bar-overlay-content .sqs-mobile-info-bar-address
Open Address Icon
.sqs-mobile-info-bar-overlay-content .sqs-mobile-info-bar-address-link
Hours Content Container (Background)
.sqs-mobile-info-bar-overlay
We Are Currently Text
.sqs-business-hours-store
Open / Closed Text
.sqs-business-hours-dark .sqs-business-hours-store span
Days Text (Mon-Sun)
.sqs-business-hours-day-label
Open Hours Text (8am-10pm)
.sqs-business-hours-day-hours
Closed Hours
.sqs-business-hours-day .closed
