Add a transparent sticky header – Elementor

https://elementor.com/academy/how-to-create-a-transparent-sticky-header-in-wordpress-with-elementor/

CSS from the youtube link:

selector.elementor-sticky--effects{
   background-color: rgb(157,171,108)!important
}
selector{
   transition: background-color 4s ease !important;
}
selector.elementor-sticky--effects >.elementor-container{
   min-height: 80px;
}
selector > .elementor-container{
   transition: min-height 1s ease !important;
}

Share this post
Facebook
Twitter
LinkedIn

Author: Deborah Butler

I’m passionate about diversity in WordPress & Tech, and have been a diversity community leader for the Codeable Women Experts and the LGBTQI+ Experts on the platform for 2yrs.

Need Help With Your Website?

I'd love to chat more about your vision!