Overlapping Announcement on Header

[dreamworldeques]

Hello

Overlapping Announcement on Header upon scrolling .

I want this header stay always while scrolling .

Can someone help me to fix that .

Thank you

[Small_Task_Help]

Hi,

Hope this will work

- Find and Edit CSS File, add css

CSS example

.announcement-bar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.header-wrapper {
  position: fixed;
  top: 40px; /* or adjust depending on your bar height */
  width: 100%;
  z-index: 999;
}

body {
  padding-top: 80px; /* make space so content doesn't hide under fixed bar and header */
}

You can customize announcement bar heights as per your requirement

[dreamworldeques]

tried but no luck with that.

thank you though 

[dreamworldeques]

any help please