Hello,
I would like to make my announcement bar skinnier. Any help much appreciated.
Topic summary
A user seeks to reduce the height of their Shopify store’s announcement bar.
A solution is provided involving custom CSS:
- Navigate to Shopify admin → Online Store → Customize
- Access Theme Settings → Custom CSS
- Add code targeting
.page-width.utility-bar__gridwithpadding-block: 0 !important;
The solution successfully reduces the announcement bar’s vertical padding, making it appear thinner. The original poster confirms the fix worked and requests additional help with a separate PayPal checkout button issue in another thread.
Hi @ellacoker ,
You can follow the steps here:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there
Here is the code for step 3:
.page-width.utility-bar__grid {
padding-block: 0 !important;
}
Here is the result:
Please let me know if it works!
Best,
Daisy
Thank you Daisy! You’re amazing! Do you think you could help me on my latest post about paypayl checkout button? Would be much appreciated.
Ella.