Transparent Sticky Header Using Elementor Pro

• Elementor Pro ইন্সটল করা থাকতে হবে।
• লোগোর কোন Width সেটিং রাখা যাবে না।
• Header এর Height 90px এর বেশি যেন না থাকে।
• Header এর margin-bottom: -90px; সেট করতে হবে।
• Header এর z-index সেট করতে হবে।
• লোগো তে একটি ID (logo) ব্যবহার করতে হবে।

Header সেকশনে নিচের CSS কোড গুলো রাখতে হবে।

selector.elementor-sticky--effects{
background-color: rgba(0,0,0,0.5)!important
}
selector{
transition: background-color 1s ease !important;
}

selector.elementor-sticky--effects >.elementor-container{
min-height: 70px;
}
selector > .elementor-container{
transition: min-height 1s ease !important;
}

#logo img {
max-width: 120px;
height: auto;
transition: all 1s ease;
}

.elementor-sticky--effects #logo img {
max-width: 50px !important;
height: auto;
}