לפעמים רוצים לעצב הדר שבגלילה בעמוד ייראה קטן יותר ויתפוס פחות מקום.

השתמשו בקוד הבא ב CSS מותאם בלשונית מתקדם של האיזור :

selector.elementor-sticky--effects{
   background-color: rgba(63, 63, 63, 1)!important;
}

selector{
   transition: background-color 2s ease !important;
}

selector.elementor-sticky--effects >.elementor-container{
   min-height: 80px;
}

selector > .elementor-container{
   transition: min-height 1s ease !important;
}Code language: CSS (css)

אם רוצים להקטין גם את הלוגו בזמן הגלילה, להלן הקוד המתאים:

selector{
transition: all 1s ease ;
}
selector .logo img {
transition: all 0.5s ease;
}
selector.elementor-sticky--effects{
background-color: #000000  !important;
}
selector.elementor-sticky--effects .logo img {
max-width: 30%;
margin: auto;
}
selector.elementor-sticky--effects >.elementor-container{
   min-height: 60px;
}Code language: CSS (css)