Set Slide Up closing animation (Top Bar)

Add this code to the Custom CSS field on the Style tab of your Announcement Bar widget’s settings:

html {
  transition: margin-top 0.3s linear;

.es-announcement-bar-closed {
  max-height: 0 !important;

.es-announcement-bar-closed > div {
  display: block !important;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(1,0,1,0);
  transform: translateY(-100%);

Hit the like button if this code worked for you! :slight_smile: