• LOGIN
  • No products in the cart.

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;
}

0 responses on "Transparent Sticky Header Using Elementor Pro"

Leave a Message

Your email address will not be published. Required fields are marked *

© BZIT Online Institute All rights reserved | 2021