I want to reduce the height of the announcement bar without making the text smaller.
Website is: 254a38-ad.myshopify.com
Topic summary
A user seeks to reduce the announcement bar height in Shopify’s Impact theme without shrinking the text.
Initial Solution:
- Modify the theme.css file by changing padding values to 0
- This successfully reduces the bar height
Follow-up Request:
The user now wants to slightly increase the height again without enlarging the text, asking which specific CSS variables to adjust.
Guidance Provided:
- Adjust the same padding values in theme.css from 0 to a desired number
- Screenshots show the exact CSS properties to modify
Current Status:
The user is struggling to identify the precise lines to change and has requested more specific instructions (line numbers or detailed examples). The discussion remains open as the user works to fine-tune the height adjustment.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.css file and modify the code like below.
Change all the value to 0
After modification
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
TY!
Could you help me further? What variable should I enter to set the height of the bar? I want it to be slightly wider again now, without making the text bigger.
Just modify the padding value above.
Would you care to point out exactly which ones I need to adjust? With a line number or screenshot, for example.
I can’t manage it yet.
Thanks in advance!
