// 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.
Question
PartTwoDesign
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.
Link to comment
Top Posters For This Question
4
2
4
Popular Days
May 24
4
May 18
1
Sep 3
1
May 20
1
Top Posters For This Question
nwhittlesey 4 posts
PartTwoDesign 2 posts
tuanphan 4 posts
Popular Days
May 24 2022
4 posts
May 18 2022
1 post
Sep 3 2021
1 post
May 20 2022
1 post
Popular Posts
PartTwoDesign
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
tuanphan
Use this CSS .sqs-mobile-info-bar-triggers>div:first-child { float: left; } .sqs-mobile-info-bar-triggers>div:last-child { float: right; }
Posted Images
9 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment