Quick banner customizations

Some quick banner customisation :

Removing extra vertical spaces from banner

.banner {
  padding: 10px 0;
}

Semi-transparent banner

.banner {
  background: rgba(255,255,255,0.7)!important;
}

Adding a shadow to the banner

.banner {
  box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
}

Sticky banner

.banner {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.09);
}

For a smoother sticky banner, please see this article :
Sticky Banner

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
Contact Support