how to make announcment bar height lower?

Topic summary

A user wants to reduce the height of their announcement bar on both mobile and desktop versions of their Shopify store.

Current Issue:

  • The announcement bar (containing “free shipping” text) appears to be covered or overlapped by the header section
  • The header includes the Vivid logo and is positioned over the announcement bar

Status:

  • Another user has identified the problem based on provided screenshots
  • The issue involves CSS styling conflicts between the header and announcement bar elements
  • No solution has been provided yet; the discussion remains open
Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.

Basically i just want to make the announcment bar lower on both mobile and desktop.

1 Like

Hi @ZenSkin

Base on the image the announcement bar are being cover by the header.

The announcement bar are with the (free shipping).

And the header are with the Vivid logo.