Jump to content

announcement bar padding on mobile

Go to solution Solved by Ziggy,

Recommended Posts

I'd like to reduce left and right padding in the announcement bar, but only on mobile. I tried some code I found in this forum, but so far have only succeeded in reducing the padding of the header (which I don't want to do). Thanks!

Edited by juliaprather
Changed from 2 questions to 1
Link to comment
  • juliaprather changed the title to announcement bar padding on mobile

Can you share your website URL?

How much padding do you want on mobile?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
  • 2 weeks later...
On 2/13/2023 at 4:52 AM, Ziggy said:

Can you share your website URL?

How much padding do you want on mobile?

Ziggy, thanks so much for responding! The URL is https://borrowhappy.com/.

Per the attached images, on desktop view, the phone icon in the announcement bar lines up with the left margin of the site. But on mobile, even when aligned left, the content in the announcement bar does not line up with the left margin of the site, which I would like it to do.

Thank you!

2023-02-27_10-26-58.png

Borrow Happy (003).png

Link to comment
  • Solution

Try this Cusotm CSS:

@media only screen and (max-width:767px) {
  .sqs-announcement-bar-text {
    padding: 0.8em 1em;
  }
}

Let me know if that works for you!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
5 minutes ago, juliaprather said:

Well how do you like that?? Worked like a charm. Thank you, Ziggy!

Fantastic, really glad to hear that worked!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

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.