How can I relocate the announcement bar to the middle of the page?

Store Design
, , , , , ,
1

is there a way to move the announcement bar from the header section to the middle page? as a template section

any help would be appreciated !

hasanali1_0-1683129074067.png
hasanali1_0-1683129074067.png1846×886 81.6 KB

https://wigs-luxury.myshopify.com/?_ab=0&_fd=0&_sc=1

test

1 Like
2

Hi @hasanali1 ,

You can do this by following the instructions below.

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Section folder and open the announcement-bar.liquid file
  3. Go all the way down, and replace the code shown in the below with the code provided.
"presets": [
    {
    "name": "Announcement bar"
    }
  ]

made4Uo_0-1683129931229.png
made4Uo_0-1683129931229.png1911×919 60.9 KB

When you go to the theme editor, and add a section. You should see the Announcement bar as shown in the image below.

made4Uo_1-1683130064052.png
made4Uo_1-1683130064052.png1927×904 234 KB

1 Like
3

Hey guys,

I’ve tried and tried and tried this, but it doesn’t work for me. I didn’t see the first section so couldn’t delete it for step 1. I’ve done step 2. But I don’t have the Announcement Bar available as a section.

Could you help?

https://mycosoul.com/