display problems

Hi, thanks for bringing this to my attention. I will try to test this to see what his happening. I can only vm into big sur on desktop since I have a Windows machine.

Does this still happen to a sticky section without my plugin enabled? For example, if you disabled my plugin and left motion effects set to sticky: top.

Please let me know if it still happens with those settings. Thanks.

the problem is only when the plugin is active. by disabling the plugin and making the container fixed with the basic Elementor options, the problem doesn’t exist.

Thanks for that, that helps. It’s a container, not a section? I had support for the beta containers but elementor changed some classes and I haven’t deployed the fix to support containers again. I can’t officially support something that’s in beta really. They make changes that are out of my control. Can you try this css on the sticky header container.

selector {
    top: 0 !important;
}

That’s only a guess but it might help until I can look into this further.

now the header is positioned at the top. also under the admin bar. it should work for now.

see the online site.
https://sviluppo-laycon2.com/mercuriorologi/

we will test with other devices

• This reply was modified 2 years, 1 month ago by ciriman.
• This reply was modified 2 years, 1 month ago by ciriman.

That code doesn’t account for the admin bar, but regular visitors won’t see that. I will let you know what I find.

Since the code above worked, then this should work the same way but account for the admin bar. Paste this below the previous code.

.admin-bar selector {
    top: 42px !important;
}

@media screen and (min-width: 783px) {
    .admin-bar selector {
        top: 32px !important;
    }
}

I hope this helps. Lmk if you have problems with this. I’m writing it on my phone as I’m away from my computer right now.

I write again after a few days of other commitments. we found that the problem was not solved with that code. the problem is still visible in apple laptops.

I’ve just spent some time on my macOS Big Sur VM and I’m not able to replicate the problem on a clean wp install. Here is the link to my test page https://testing.stickyheadereffects.com/container-header-testing/

I can see the issue on your site while using safari, but not on mine, which makes me think it might be some kind of conflict. Since containers are still technically beta I can’t officially support them yet, unfortunately. I researched this problem and tried several possible solutions and none of them worked on your site.

If you’d like to email me [email protected] I could possibly help you further. The rules of this forum limit my ability to help.