announcement bar padding on mobile

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!

Can you share your website URL?

How much padding do you want on mobile?

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!

On 2/28/2023 at 3:42 AM, Ziggy said:

Try this Custom CSS:

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

Let me know if that works for you!

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

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!