removing class from html itself

[ad_1]

Hello I am trying to solve a problem, I am using Sticky Header Effects for Elementor Plugin to make my head sticky, without debloat this is classes showing in html for my header

elementor-element elementor-element-fdec67a sticky-header she-header-yes e-flex e-con-boxed lakit-col-width-auto-no e-container e-root-container elementor-top-section e-con e-parent she-header e-lazyloaded elementor-motion-effects-element elementor-motion-effects-element-type-background elementor-sticky elementor-sticky–active elementor-section–handles-inside

and when we scroll page it adds sticky–effect class as well

but If I enable Debloat “Remove Unused CSS” option

it is only adding these classes to html

elementor-element elementor-element-fdec67a sticky-header she-header-yes e-flex e-con-boxed lakit-col-width-auto-no e-container e-root-container elementor-top-section e-con e-parent e-lazyloaded she-header

now I don’t understand why is it removing these classess from html instead of css ? and I tried to untick Enable for Theme CSS or Enable for Plugin CSS but even when both options or I say all three options are untick then still it is showing only the classes of second case not first.

If I untick “Remove Unused CSS” then it works again and add classes again.

how can I solve this problem ?

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer