Robert Wattner

Thanks, will do.

Hi, I’ve seen this same situation with jet menu as well. This css in the elements plugin is the problem

@media (max-width: 1024px)
.elementskit-menu-offcanvas-elements {
    height: 100%!important;
    padding-bottom: 10px;
}

That height needs to be 100vh to solve your issue. Unfortunately, since they have important in their code it probably can’t be overwritten. If you knew what file that code was in then you could manually edit their plugin but I can’t tell in the dev tools. It looks like all the css has been combined into a single file. Probably a performance/cache thing.

If you can get this code to work then it should be fixed

@media (max-width: 1024px)
.elementskit-menu-offcanvas-elements {
    height: 100vh !important;
}

I’m sorry I can’t help futher. Good luck with this!

Hi,

the plugin settings can be found in the elementor page editor by clicking a section/container and going to it’s advanced tab. There you will see a sticky header effects section.

If you don’t see the settings there then there is some issue I can look into further.

I hope this helps.

Happy to help!

Thanks, that helped a lot.

This css should work for you

.she-header-yes .elementor-heading-title {
    transition: all 0.4s ease-in-out;
}

.she-header .elementor-heading-title {
    color: red !important;
}

Just change the transition and color to whatever you like. I hope this helps.

Do you have a link to the site? I’d have to see what’s going on.

I see that code works for you. I’ll mark this resolved.

Btw, if you just need a class toggle for CSS, elementor has that built in. If you use the header > advanced > motion effects > effects offset, the class .elementor-sticky–effects is toggled at that set px offset from the top. It does exactly what you’re using my plugin for.