Set Slide Up closing animation (Top Bar)

CSS Codes Announcement Bar
1

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

.global-styles,
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: