When scrolling down on my page, my fixed side bar disappears as soon as it reaches the “icon list” element inserted with the layout builder. As soon as I scroll past this element, the fixed sidebar reappears and then it does not disappear again.
I am sure that the FadeIn effect applied to the “Icon List” somehow causes this.
EDIT: I just realized that any element which uses jQuery for Fade Ins, like the image gallery, cause the fixed sidebar to disappear.
Thanks.
Not 100% happy with the result but managed to stop it from disappearing by adding the following code to my child themes CSS:
.avia_transform .avia-icon-list .iconlist_icon {
opacity: 1 !important;
-moz-transform:scale(1) !important;
-webkit-transform:scale(1) !important;
-o-transform:scale(1) !important;
transform: scale(1) !important;
}
.avia_start_animation .iconlist_icon{
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
animation: none !important;
}
I removed the “Show animation on page scroll” from the image gallery which now prevents the fixed side nav from disappearing but still on page load there is a flicker. Really frustrating.
Manged to entirely remove all bugs at the cost of removing all animations with the following code:
.avia-gallery .avia_start_animation{
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
animation: none !important;
}