Hi All, Could someone please help with a small request i have to reduce the height of the Announcement bar in the Impulse Theme please? It’s too fat and looks slightly odd but i can’t work out how or where to edit the code to reduce it. Thanks S

This is Noah from PageFly - Shopify Page Builder App I can help you. Please can you provide the website url. Thank you. Best regards, Noah | PageFly

Hello @SarahTinySteps Can you share store URL?

Add This css In your Edit Code Find Theme.css Put This code In last Of Theme.css File This Css .announcement-bar { padding: 0 !important; }

@SarahTinySteps You can add code here to base.css: .announcement-bar{ padding: 0px !important; display: flex !important; align-items: center !important; } Hope my solution will help you resolve the issue.

Hi Noah, sure, it’s www.tinystepskids.co.uk

Sure, it’s www.tinystepskids.co.uk

The base.css doesn’t exist in my theme?

Hi @SarahTinySteps Check this one. From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file you…

Try to add !important like this. .announcement-bar { padding: 3px 0 !important; } And Save. Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Reduce Announcement Bar Height - Impulse Theme

Store Design

SarahTinySteps April 1, 2024, 6:56pm 10

Thanks but that didn’t work…see snippets…

Topic		Replies	Views
Change height of announcement bar (Impact Theme) Store Design design , css	6	85	April 17, 2024
How can I reduce the announcement bar height on Debut? Store Design	12	339	September 21, 2022
How to reduce height of announcement bar in Impulse theme? Technical Q&A	1	46	September 12, 2022
How can I adjust the height of my announcement bar? Store Design	6	80	August 1, 2022
How do i change the height of the announcement bar - taste theme Shopify Discussion marketing-campaigns-sales	3	56	September 28, 2023

Reduce Announcement Bar Height - Impulse Theme

Related topics