This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Reply To: Ajax filter is duplicating in sticky menu

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Ajax filter is duplicating in sticky menu Reply To: Ajax filter is duplicating in sticky menu

#28727
Ernest MarcinkoErnest Marcinko
Keymaster

Hi Andrea,

That is very interesting. I was able to replicate the issue on our test servers. I debugged this form almost an hour, and I can conclude that neither of the plugins is at fault here. This is some sort of a weird browser/CSS rendering issue. Elementor makes a copy of the sticky element, then hides the “non sticky” original version. For some reason the CSS property that should hide the container does not have any effect – which is theory is impossible.
I tried to google around for similar rendering issues, but there is actually no information about anything similar. Basically the white backround solution is all right, because it does the same thing – it covers up the underlying layer, that should be already hidden.
However I came up with a much better custom CSS, that forces the same behavior that elementor does, and corrects the rendering problem:

.elementor-sticky__spacer .asp_w,
.elementor-sticky__spacer .asp-try {
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: -1 !important;
}

I will intergrate this into the upcoming release as well, so this issue is properly resolved.

Thank you for all the details, it helped me a lot to resolve this!