How Do I Make My Announcement Bar Sticky On Dawn Theme?

Store Design
,
1

Hello,

How can I make my announcement bar sticky on my site?
At the moment I have set my menu to be sticky but the announcement bar isn’t :disappointed_face:

I would like both the announcement bar and menu to be sticky.

URL: https://bliskbeauty.com/

Thanks in advance :slightly_smiling_face:

2

Hi @moosh44

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1681867260188.png
PageFlyRichard_0-1681867260188.png1444×969 260 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like
3

Hello @moosh44 ,

You can try to follow these steps:

Go to Online Store → Theme → Actions → Edit code

Screen Shot 2023-04-10 at 11.13.01.png
Screen Shot 2023-04-10 at 11.13.01.png1433×764 109 KB

Go to theme.liquid file → add this following code at the bottom of file

#shopify-section-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

#shopify-section-header .site-header {
  position: relative;
}

.site-header__logo img {
  max-width: 100%;
}

.site-header__announcement {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.site-header__announcement-inner {
  max-width: 100%;
}

Save and preview

Hope this can help you out.

Ali Reviews team.

1 Like