Mobile Information Bar - hide icon and increase font size

PartTwoDesign · September 3

Site URL: https://sunflower-accordion-z2d3.squarespace.com/

I currently have the below code in Custom CSS:

// Floating Mobile Info Bar //
.sqs-mobile-info-bar {
background-color: #e33c31 !important;
border-radius: 100px;
margin: 5%;
width: 90%;
}

I've attached a visual of how this appears on mobile and how I'd like to change it i.e. hide the icon, increase the font, make the bar narrower but centred on the screen.

Thanks in advance for any advice.

tuanphan · September 8

On 9/6/2021 at 4:29 PM, PartTwoDesign said:

Hi @tuanphanyes the mobile info bar is enabled 🙂

Thanks

Anna

Add to Design > Custom CSS

/* Mobile Info bar */
span.sqs-mobile-info-bar-trigger-icon {
    display: none;
}
span.sqs-mobile-info-bar-trigger-label {
    font-size: 30px;
    font-weight: bold;
}

tuanphan · September 5

Hi.

Can you enable mobile info bar? I checked & dont see it now

PartTwoDesign · September 6

Hi @tuanphanyes the mobile info bar is enabled 🙂

Thanks

Anna

Mobile Information Bar - hide icon and increase font size

Question

PartTwoDesign

Link to comment

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

Posted Images

3 answers to this question

Recommended Posts

tuanphan

Link to comment

tuanphan

Link to comment

PartTwoDesign

Link to comment

Create an account or sign in to comment

Support

Community

Developers

Resources