Jump to content

Change font size in announcement bar in mobile

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 11/4/2021 at 10:05 AM, jesswp said:

Looking to reduce font size in mobile for the announcement bar. Unsure what I might be doing wrong/targeting wrong...

@media screen and (max-width: 640px) {
.sqs-announcement-bar-text, .sqs-announcement-bar-text p {
        font-size: 9px;
  }
}

655036919_ScreenShot2021-11-03at11_04_59PM.png.15f440cdd0f02d9d2ab633805bf1e6b0.png

https://snail-sprout-zgz3.squarespace.com/
pass: workout

Try in Home > Design > Custom Css

#announcement-bar-text-inner-id p {
  font-size: 9px !important;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

My testing result

image.png.b8b62920494c4475a0d3366dfab75a44.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 11/5/2021 at 10:21 AM, bangank36 said:

Try in Home > Design > Custom Css

#announcement-bar-text-inner-id p {
  font-size: 9px !important;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

YES! Thank you so much!!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.