How can I make my announcement bar transparent using the Dawn theme?

[MKhalil]

How do I make my Announcement Bar transparent, theme dawn.

[PageFly-Victor · Accepted solution]

Hi @MKhalil 

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file -> Save

.announcement-bar.color-background-1.gradient {

    background: transparent !important;

}

#shopify-section-announcement-bar {

    background: transparent !important;

    z-index: 999999;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly