Shopify themes, liquid, logos, and UX
Hello, I want to make the bar smaller and more condensed, how do I do this?
Solved! Go to the solution
This is an accepted solution.
Hi @timelessracing
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file app.css and add this code at the end of the file
.scrolling-text--inner.direction-left {
padding: 5px !important;
}
Result:
Best,
Liz
@timelessracing please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css
.announcement-bar{padding: 8px 0 !important;}
This is an accepted solution.
Hi @timelessracing
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file app.css and add this code at the end of the file
.scrolling-text--inner.direction-left {
padding: 5px !important;
}
Result:
Best,
Liz
thank you this worked, can you please help me with my other problem? It is the question I posted right before this.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025