Announcement Bar - Not showing on Bootstrap wepage

Ask the Community General Questions
1

Hi there.

I am having trouble getting my announcement bar to show at all on my homepage. My site uses a Bootstrap theme. It seems the widget is not moving content down so that it shows. I expect there may also be an issue getting content to move back up after the bar is closed!
Homepage

The widget is working perfectly on this simple page:
T&Cs

All help much appreciated.

Regards,
Alex

3 Likes
3

Hi there, @Alex_Lewis :wave:

The issue appears because of the conflict with the styles of your website! If you add this code to the Custom CSS field on the Style tab of your widget’s settings, the widget will appear on the page:

.es-announcement-bar-opened {
  top: 47px;
}

However, it will overlap the part of the header. To fix it, you should either move the header a bit lower or switch the widget’s layout to floating and change the widget’s installation place.

Please try it out and let me know if it helped :slightly_smiling_face:

2 Likes
4

Many thanks for the quick reply. This is going to be too complicated to have it dismissable, so I have changed it to stay permanently at the top, and moved content down to accommodate. Regards, Alex

2 Likes
5

Great! If anything else comes up, we’ll be delighted to help :slightly_smiling_face:

1 Like