How can I move the announcement bar to the below top image?

Hi, I am using Dawn theme.

I would like to move the announcement bar to the below top image, but I can’t do it in the custom page.

Can anyone help me out please?

Thank you in advance!

Hi @harukajmickey ,

This is Victor from PageFly - Advanced Page Builder App.

You can go to Online store => themes => actions => edit code and add this code on file theme-styles.css or paste it into your theme.liquid above the

if it doesn’t work please send me your site URL so I can check more.

Hope this answer helps.

Best regards,

Victor | PageFly

Hi @harukajmickey ,

Please follow the steps below:

  • Step 1: Go to theme.liquid file and remove code here:

  • Step 2: Go to announcement-bar.liquid file and change code here:

Code:

"presets": [
    {
      "name": "t:sections.announcement-bar.name",
      "blocks": [
        {
          "type": "announcement"
        }
      ]
    }
  ]

Now you can manually add ‘Announcement bar’ section and move it wherever you want.

1 Like

@harukajmickey - please try solution provided by @Litos

else if you find it difficult then we together can check your theme code to move it.

1 Like

@Litos

Thank you. It worked well.

1 Like