Hello. There is a small test page alexbeos.beget.tech/test

On the first screen on the left above there is a triangle. The site uses the plugin fullpage.js. If you scroll down the screen, and then up again, you can see that the triangle has disappeared, and appears again. I understand, the fact is that there is a slick slider. Without it is normal, if you just put the picture. But the trouble is that with any slider such a problem appears. And with the bootstrap too. Thanks in advance! It's not just a triangle, but in any element (even if the text is inserted)

https://prnt.sc/fg64vl

    1 answer 1

    Played for five minutes ... If you hang a z-index: -1 on the .slick-slider , then everything will be good. But this is a wildly crutch decision.

     div.container > div.slick-slider { z-index: -1; }

    By the way, your layout is never adaptive. Slightly squeezed the screen - everything is already moving, the picture is compressed, the white background ... In the layout you can see an excess of unnecessary wrappers ... In your place, I would start to typeset from scratch and minimally use different third-party plugins. Because now to understand what is really the reason for such a flicker will be very problematic.

    • Yes, there is no layout count. There is just a slider. And that's all. And yes, this is all maladaptive, as just a page with one problem. I put z-index: -1, but above the picture will be the text. Neither it nor the navigation elements then work. PS Regarding the excess of wrappers - add them to the slider and fullpage.js - Alexander Belkevich
    • @AlexanderBelkevich, if one plugin does not work well with another plugin, combine other options. Or even write your solution specific to your problem ... - MihailPw
    • So any slider so fulfills here. I did not find a normal analogue of fullpage. I don't think this is some kind of impossible problem. Just maybe someone will see what the reason is - Alexander Belkevich